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


一、安裝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,如下所示:

install-node-msi-version-on-windows-step1

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

install-node-msi-version-on-windows-step2

步驟 3 : 勾選接受協議選項,點擊 next(下一步) 按鈕 :

install-node-msi-version-on-windows-step3

步驟 4 : Node.js默認安裝目錄為 "C:\Program Files\nodejs\" , 你可以修改目錄,並點擊 next(下一步):

install-node-msi-version-on-windows-step4

步驟 5 : 點擊樹形圖標來選擇你需要的安裝模式 , 然后點擊下一步 next(下一步)

install-node-msi-version-on-windows-step5

步驟 6 :點擊 Install(安裝) 開始安裝Node.js。你也可以點擊 Back(返回)來修改先前的配置。 然后並點擊 next(下一步):

install-node-msi-version-on-windows-step6

安裝過程:

install-node-msi-version-on-windows-step7

點擊 Finish(完成)按鈕退出安裝向導。

install-node-msi-version-on-windows-step8

檢測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版本

node-version-test

步驟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/

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM