window下nodejs環境和express插件的安裝

angular是流行的前端js架構,使用angular2.X開發前端界面須要一個較爲穩定快速的後臺,

 

咱們今天就用nodejs和express在window下搭建一個本地服務器

 

邏輯步驟:

1window操做系統,安裝nodejs的msi安裝包,最新版本的(6.9.4)自帶了npm(nodejs的插件管理器)

2使用npm安裝express(nodejs http插件)和express-generator(express4.x版本中命令模式和程序分離,用generator去執行express命令)

3完成安裝後,使用'express -e 項目名稱'生成express項目

 

經過'務虛'理順邏輯步驟,咱們能夠較爲容易的處理安裝過程當中所遇到的問題

 

 

1官網下載nodejs新版,我用的是6.9.4版本,https://nodejs.org/en/

 

 

2使用下載的msi文件完成安裝過程,選擇全部安裝選項進行安裝,附截圖,點下一步下一步就完成了

 

3檢查環境變量中是否有nodejs

 

 

4使用命令'npm install -g express'和'npm install -g express-generator'安裝express和express-generator

此截圖中信息不是初次安裝的提示,新手安裝沒必要按照此截圖來對比

 

 5使用'express -e app'在當前目錄下建立一個名爲app的express項目,並根據提示

 在app文件夾中運行'npm install'和'npm start'安裝和運行項目

 

6在項目文件夾下使用'npm start'運行項目

 

 7默認是3000端口運行項目

使用'localhost:3000'訪問本地項目,如圖成功

 

我用的操做系統:win7 64位

 

若有問題,請按照邏輯步驟反覆查找緣由