(七)、安裝express框架並創建項目

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


npm install -g express

等一會就可以安裝完成


測試express完成安裝的一個方法就是查看其版本號,執行命令 “express -V”(大寫的V)正常情況下回輸出版本號如圖,但有遇到不正常情況的,會提示“express不是內部或外部命令”,這樣問題就來了,這是什麼原因呢?


有兩種可能:①在安裝node是沒有添加環境變量,這種情況把node添加的環境變量即可解決。

spacer.gifwKioL1TtiVDyRx3jAAF8xEcAjJk116.jpg

②express 4.x版本中將命令工具分出來了,需要再安裝一個命令工具,執行命令“npm install -g express-generator”完成後再測試就可以了。


現在我們就可以在命令行下通過 express  命令快速創建一個項目了。

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

spacer.gifwKiom1TtiFqy-ewPAAFJgZ8urHA669.jpg

通過以下命令建立網站基本結構: 


express -t ejs microblog 


spacer.gifwKioL1TtiXnTA95xAAH1ZCYJ0v4702.jpg


它還提示我們要進入其中運行 npm install,我們依照指示,結果如下:

spacer.gifwKiom1TtiIDTmKwHAAMiQZrJmPo998.jpg

它會自動安裝了依賴express。

目錄中的 package.json 文件內容如下:

spacer.gifwKioL1TtiZehgRD9AADXOr-2RZ4005.jpg

之後我們用cd命令進入項目,運行npm start命令

wKiom1Tuw_nRnqetAACu6Z-RMu0725.jpg

輸入http:localhost:3000

結果如下:

wKiom1TuxB6j3KriAABlbJbRqS4923.jpg

爲什麼沒有端口好也會出來呢?

這是因爲在項目文件下有一個\bin文件,下面有一個www的文件

打開後,內容如下:

wKioL1Tu1eGikZ9AAAGk1IW_Olw975.jpg

那麼頁面上的內容是怎麼顯示出來的呢?

在項目中的routes有一個index.js的文件

內容如下:

wKioL1Tu2a7gtqtXAADHKAPB3wk125.jpg

在views下有一個爲index.jade的文件

內容如下:

wKioL1Tu2biy-EuSAABVwpz_K0I387.jpg

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章