總結在Visual Studio Code建立Node.js+Express+handlebars項目

1、安裝node.js環境。

　　Node.js安裝包及源碼下載地址爲：https://nodejs.org/en/download/

　　32 位安裝包下載地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi

　　64 位安裝包下載地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi

　　

步驟 1 : 雙擊下載後的安裝包 v0.10.26，以下所示：

步驟 2 : 點擊以上的Run(運行)，將出現以下界面：

步驟 3 : 勾選接受協議選項，點擊 next（下一步） 按鈕 :

步驟 4 : Node.js默認安裝目錄爲 "C:\Program Files\nodejs\" , 你能夠修改目錄，並點擊 next（下一步）：

步驟 5 : 點擊樹形圖標來選擇你須要的安裝模式 , 而後點擊下一步 next（下一步）

步驟 6 :點擊 Install（安裝） 開始安裝Node.js。你也能夠點擊 Back（返回）來修改先前的配置。 而後並點擊 next（下一步）：

安裝過程：

點擊 Finish（完成）按鈕退出安裝嚮導。

檢測PATH環境變量是否配置了Node.js，點擊開始=》運行=》輸入"cmd" => 輸入命令"path"，輸出以下結果：

PATH=C:\oraclexe\app\oracle\product\10.2.0\server\bin;C:\Windows\system32; C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0\; c:\python32\python;C:\MinGW\bin;C:\Program Files\GTK2-Runtime\lib; C:\Program Files\MySQL\MySQL Server 5.5\bin;C:\Program Files\nodejs\; C:\Users\rg\AppData\Roaming\npm

咱們能夠看到環境變量中已經包含了C:\Program Files\nodejs\

檢查Node.js版本

步驟7：npm安裝

因爲新版的nodejs已經集成了npm,因此在安裝nodejs時npm也一塊兒安裝了，能夠經過cmd命令行輸入"npm -v"來測試是否安裝成功。

這樣即是安裝成功了。

常規的NodeJs的搭建到如今已經完成了，若是想要測試能夠經過」cmd「輸入」node「進入node開發模式下（ctrl+c退出node模式），輸入你的NodeJS第一句：」hello world「 ， 輸入：console.log('hello world')

步驟8：安裝相關環境

咱們要先配置npm的全局模塊的存放路徑以及cache的路徑，例如但願將以上兩個文件夾放在NodeJs的主目錄下，我這裏的主目錄是D:\node\，因此就在D:\node\下創建node_global和node_cache兩個文件夾，如圖：

在cmd中輸入：

npm config set prefix"D:\node\node_global"回車

再輸入

npm config set cache"D:\node\node_cache"

如今就能夠安裝模塊了（如下按需安裝，我這裏只安裝了express以下圖）：

（安裝模塊語法：npm install <Module Name>）

npm install express -g

npm install jade -g//這裏若是安裝報錯能夠試下npm install pug-g,好像是jade改爲了pug具體沒有考證。

安裝MySql包

npm install mysql -g

 

接下來，咱們開始在vs裏面建立咱們的第一個項目了。

第一步：選擇本身建立的文件夾例如個人

第二步安裝Express

第三步

 express官網

打開vsCode的調試控制檯裏面的終端，輸入如下代碼：

npm install express-generator -g

建立一個名爲MyNode的應用：

express MyNode

這樣就能夠看到生成的目錄了，

 

接下來咱們安裝全部依賴包：

cd是回到剛剛生產的目錄中

cd MyNode

npm install

 

而後啓動項目

npm start

或者在vsCode打開MyNode這個文件夾使用F5就能夠直接調試了

而後在瀏覽器輸入http://localhost:3000/