在Node.js環境下使用Express創建Web項目

序:如果你還不知道Node.js是什麼,那麼你可以先看看這篇:Node.js 究竟是什麼?或者任何關於它的介紹。

 

一、安裝Node.js

 

1.進入Node.js官網下載並安裝

 

2.啓動cmd輸入命令查看node及npm版本

node -v
npm -v

npm是node完成安裝後自帶的包管理器

 

二、安裝Express

express是node平臺下最常用的web應用開發框架

 

1.全局安裝express

npm install -g express

Win7環境全局安裝在C:\Users\Administrator\AppData\Roaming\npm\node_modules文件夾下

 

2.全局安裝express命令行工具

npm install -g express-generator

在最新的4.x版本中,命令行工具已經被獨立出來

 

3.查看express版本

express -V

 

4.更新已安裝的express

npm update -g express

 

三、使用Express創建項目

 

1.創建項目

express APP_NAME

express默認以jade作爲模板引擎,模板文件爲.jade類型;jade的語法與html有較大差異,對縮進也是要求嚴格的

 

2.以ejs作爲模板引擎創建項目

express APP_NAME -e

在項目名稱的後面添加 -e 那麼創建出來的模板文件就是.ejs類型,語法是與html相同的

 

3.將ejs文件改爲html

若希望模板文件的後綴爲.html(通常只是爲了看着更舒服),那麼在手動將.ejs換成.html後,還需要對app.js文件進行設置

var ejs = require('ejs');

app.engine('.html', ejs.__express);
app.set('view engine', 'html');    //app.set('view engine', 'ejs');

原文件:

修改後:

 

4.安裝依賴包

進入項目文件夾,執行:

npm install

下載package.json中記錄的所有依賴包到node_modules文件夾

注意:更多npm命令,請查看npm常用命令集合

 

四、啓動服務

 

1.啓動

npm start

監聽bin/www文件,默認端口爲3000,可在www文件中更改

 

2.打開瀏覽器,輸入localhost:3000

 

3.自動重啓服務

打開package.json可以看見,監聽bin/www文件的命令是node

使用node監聽將會導致:每次修改代碼後,需要手動重啓服務,可以使用nodemon進行自動重啓

npm install -g nodemon

同樣可以使用下面的命令查看其版本

nodemon -v

將package.json文件中的代碼修改爲:

"start": "nodemon ./bin/www"

重新執行:

npm start

接下來,就可以隨心所欲的編碼了...

#########################################

Node.js正在快速發展中,軟件包升級很快,文章有運行不通的地方請參考官方文檔解決。本人也會不定期更新文章,儘量保持文章代碼的可用性。

#########################################

 

作者:@zhnoah
出處:http://www.cnblogs.com/zhnoah/

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