溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》

(七)、安裝express框架并創(chuàng)建項(xiàng)目

發(fā)布時(shí)間:2020-06-26 02:21:37 來(lái)源:網(wǎng)絡(luò) 閱讀:1018 作者:七羽燕 欄目:web開(kāi)發(fā)

我們需要用全局模式安裝 Express


npm install -g express

等一會(huì)就可以安裝完成


測(cè)試express完成安裝的一個(gè)方法就是查看其版本號(hào),執(zhí)行命令 “express -V”(大寫(xiě)的V)正常情況下回輸出版本號(hào)如圖,但有遇到不正常情況的,會(huì)提示“express不是內(nèi)部或外部命令”,這樣問(wèn)題就來(lái)了,這是什么原因呢?


有兩種可能:①在安裝node是沒(méi)有添加環(huán)境變量,這種情況把node添加的環(huán)境變量即可解決。

(七)、安裝express框架并創(chuàng)建項(xiàng)目(七)、安裝express框架并創(chuàng)建項(xiàng)目

②express 4.x版本中將命令工具分出來(lái)了,需要再安裝一個(gè)命令工具,執(zhí)行命令“npm install -g express-generator”完成后再測(cè)試就可以了。


現(xiàn)在我們就可以在命令行下通過(guò) express  命令快速創(chuàng)建一個(gè)項(xiàng)目了。

在這之前先使用 express --help 查看幫助信息 :

(七)、安裝express框架并創(chuàng)建項(xiàng)目(七)、安裝express框架并創(chuàng)建項(xiàng)目

通過(guò)以下命令建立網(wǎng)站基本結(jié)構(gòu): 


express -t ejs microblog 


(七)、安裝express框架并創(chuàng)建項(xiàng)目(七)、安裝express框架并創(chuàng)建項(xiàng)目


它還提示我們要進(jìn)入其中運(yùn)行 npm install,我們依照指示,結(jié)果如下:

(七)、安裝express框架并創(chuàng)建項(xiàng)目(七)、安裝express框架并創(chuàng)建項(xiàng)目

它會(huì)自動(dòng)安裝了依賴(lài)express。

目錄中的 package.json 文件內(nèi)容如下:

(七)、安裝express框架并創(chuàng)建項(xiàng)目(七)、安裝express框架并創(chuàng)建項(xiàng)目

之后我們用cd命令進(jìn)入項(xiàng)目,運(yùn)行npm start命令

(七)、安裝express框架并創(chuàng)建項(xiàng)目

輸入http:localhost:3000

結(jié)果如下:

(七)、安裝express框架并創(chuàng)建項(xiàng)目

為什么沒(méi)有端口好也會(huì)出來(lái)呢?

這是因?yàn)樵陧?xiàng)目文件下有一個(gè)\bin文件,下面有一個(gè)www的文件

打開(kāi)后,內(nèi)容如下:

(七)、安裝express框架并創(chuàng)建項(xiàng)目

那么頁(yè)面上的內(nèi)容是怎么顯示出來(lái)的呢?

在項(xiàng)目中的routes有一個(gè)index.js的文件

內(nèi)容如下:

(七)、安裝express框架并創(chuàng)建項(xiàng)目

在views下有一個(gè)為index.jade的文件

內(nèi)容如下:

(七)、安裝express框架并創(chuàng)建項(xiàng)目

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI