第十五天成榜、Express的安裝

Express的安裝方式

Express的安裝可直接使用npm包管理器上的項(xiàng)目,在安裝npm之前可先安裝淘寶鏡像:

npm install -g cnpm --registry=https://registry.npm.taobao.org

這樣我們使用cnpm的來(lái)代替npm意荤,這使得下載速度提高很多啊片;其次你需要在你項(xiàng)目目錄下運(yùn)行以下指令來(lái)初始化npm,期間所有提示按enter鍵即可玖像,這會(huì)生成package.json紫谷,它是用于描述項(xiàng)目文件的。

cnpm init

再輸入

cnpm install

這下項(xiàng)目目錄中又會(huì)多出一個(gè)叫node_modules文件夾捐寥,里面是node.js為我們提供的模塊笤昨,當(dāng)然現(xiàn)在沒(méi)有。接下來(lái)便是真正的安裝express了握恳,執(zhí)行:

cnpm install express --save

這時(shí)瞒窒,我們看到node_modules文件夾多了許多不同版本的應(yīng)用文件夾,接下來(lái)執(zhí)行

express --version

注:如果運(yùn)行express時(shí)出現(xiàn)報(bào)錯(cuò)乡洼,參考https://www.cnblogs.com/ifannie/p/12792711.html or https://www.cnblogs.com/caolonggang/p/12986378.html

查看express是否安裝成功崇裁,如果顯示版本號(hào),則安裝正確束昵。

Express應(yīng)用“Hello World”(不使用腳手架)

先不使用npm構(gòu)建的腳手架拔稳,直接在主目錄中新建一個(gè)app.js文件。

在app.js中輸入

const express = require('express');     //引入express模塊
var app= express();     //express()是express模塊頂級(jí)函數(shù)

app.get('/',function(req,res){      //訪問(wèn)根路徑時(shí)輸出hello world
    res.send(`<h1 style='color: blue'>hello world</h1>`);
});

app.listen(8080);       //設(shè)置訪問(wèn)端口號(hào)

命令行進(jìn)入項(xiàng)目文件夾后妻怎,輸入

node app.js

即已開(kāi)啟服務(wù)器壳炎,接下來(lái)只需在瀏覽器中運(yùn)行 http://localhost:8080/ 就可以訪問(wèn)到服務(wù)器得到響應(yīng)后的數(shù)據(jù)

Express腳手架的安裝

安裝Express腳手架有兩種方式:

1、使用express-generator安裝

使用命令行進(jìn)入項(xiàng)目目錄逼侦,依次執(zhí)行:

cnpm i express-generator

可通過(guò)express -h查看命令行的指令含義

express -h
Usage: express [options] [dir]
Options:
    --version        輸出版本號(hào)
-e, --ejs            添加對(duì) ejs 模板引擎的支持
    --pug            添加對(duì) pug 模板引擎的支持
    --hbs            添加對(duì) handlebars 模板引擎的支持
-H, --hogan          添加對(duì) hogan.js 模板引擎的支持
-v, --view <engine>  添加對(duì)視圖引擎(view) <engine> 的支持 (ejs|hbs|hjs|jade|pug|twig|vash) (默認(rèn)是 jade 模板引擎)
    --no-view        創(chuàng)建不帶視圖引擎的項(xiàng)目
-c, --css <engine>   添加樣式表引擎 <engine> 的支持 (less|stylus|compass|sass) (默認(rèn)是普通的 css 文件)
    --git            添加 .gitignore
-f, --force          強(qiáng)制在非空目錄下創(chuàng)建
-h, --help           輸出使用方法

創(chuàng)建了一個(gè)名為 myapp 的 Express 應(yīng)用匿辩,并使用ejs模板引擎

express --view=ejs app

進(jìn)入app,并安裝依賴

cd myapp
npm install

在Windows 下榛丢,使用以下命令啟Express應(yīng)用:

set DEBUG=app:* & npm start
或者
npm start

在 MacOS 或 Linux 下铲球,使用以下命令啟Express應(yīng)用:

DEBUG=app:* npm start

2、使用 express 命令 來(lái)快速?gòu)膭?chuàng)建一個(gè)項(xiàng)目目錄

express 項(xiàng)目文件夾的名字 -e 如 使用命令行進(jìn)入項(xiàng)目目錄晰赞,依次執(zhí)行:

express app -e
cd app
cnpm install

這時(shí)稼病,你也可以看到在app文件夾下的文件結(jié)構(gòu)选侨;

bin: 啟動(dòng)目錄 里面包含了一個(gè)啟動(dòng)文件 www 默認(rèn)監(jiān)聽(tīng)端口是 3000 (直接node www執(zhí)行即可)
node_modules:依賴的模塊包
public:存放靜態(tài)資源
routes:路由操作
views:存放ejs模板引擎
app.js:主文件
package.json:項(xiàng)目描述文件

這就算是第三階段開(kāi)始了,開(kāi)始學(xué)習(xí)相關(guān)框架了

日期:2021/11/30

學(xué)習(xí)參考視頻:*https://www.bilibili.com/video/BV1i7411G7kW?p=41&t=1.0

學(xué)習(xí)參考文檔參考部分相關(guān)視頻文案和課件然走,僅供個(gè)人學(xué)習(xí)和記錄

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末援制,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子芍瑞,更是在濱河造成了極大的恐慌晨仑,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,544評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件拆檬,死亡現(xiàn)場(chǎng)離奇詭異洪己,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)竟贯,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,430評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門答捕,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人屑那,你說(shuō)我怎么就攤上這事拱镐。” “怎么了齐莲?”我有些...
    開(kāi)封第一講書人閱讀 162,764評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵磷箕,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我芒填,道長(zhǎng)空繁,這世上最難降的妖魔是什么盛泡? 我笑而不...
    開(kāi)封第一講書人閱讀 58,193評(píng)論 1 292
  • 正文 為了忘掉前任傲诵,我火速辦了婚禮,結(jié)果婚禮上悟衩,老公的妹妹穿的比我還像新娘栓拜。我一直安慰自己,他們只是感情好挑势,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,216評(píng)論 6 388
  • 文/花漫 我一把揭開(kāi)白布潮饱。 她就那樣靜靜地躺著,像睡著了一般饲漾。 火紅的嫁衣襯著肌膚如雪缕溉。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書人閱讀 51,182評(píng)論 1 299
  • 那天僚楞,我揣著相機(jī)與錄音枉层,去河邊找鬼。 笑死鸟蜡,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的跳座。 我是一名探鬼主播泣矛,決...
    沈念sama閱讀 40,063評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼您朽,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼哗总!你這毒婦竟也來(lái)了魂奥?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書人閱讀 38,917評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤准颓,失蹤者是張志新(化名)和其女友劉穎棺妓,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體样勃,經(jīng)...
    沈念sama閱讀 45,329評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡性芬,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,543評(píng)論 2 332
  • 正文 我和宋清朗相戀三年峡眶,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片辫樱。...
    茶點(diǎn)故事閱讀 39,722評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖狮暑,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情辉饱,我是刑警寧澤搬男,帶...
    沈念sama閱讀 35,425評(píng)論 5 343
  • 正文 年R本政府宣布彭沼,位于F島的核電站缔逛,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏溜腐。R本人自食惡果不足惜译株,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,019評(píng)論 3 326
  • 文/蒙蒙 一挺益、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧乘寒,春花似錦伞辛、人聲如沸烂翰。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 31,671評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至垫言,卻和暖如春倾剿,著一層夾襖步出監(jiān)牢的瞬間筷频,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 32,825評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工前痘, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留凛捏,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,729評(píng)論 2 368
  • 正文 我出身青樓芹缔,卻偏偏與公主長(zhǎng)得像葵袭,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子乖菱,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,614評(píng)論 2 353

推薦閱讀更多精彩內(nèi)容