1.下載
官網下載nodejs的安裝包
地址:https://nodejs.org/zh-cn/download/
2.驗證
打開cmd驗證測試
node -v
或者
node --version
3.配置
配置的是npm安裝的全局模塊所在的路徑,以及緩存cache的路徑,之所以要配置,是因爲以後在執行類似:npm install express [-g] (後面的可選參數-g,g代表global全局安裝的意思)的安裝語句時,會將安裝的模塊安裝到
【C:\Users\用戶名\AppData\Roaming\npm】路徑中,佔C盤空間。
在我安裝的文件夾【D:\Develop\nodejs】下創建兩個文件夾【node_global】及【node_cache】如下圖:
創建完文件夾後cmd中運行命令
npm config set prefix "D:\14_nodeJS\node_global"
npm config set cache "D:\14_nodeJS\node_cache"
新建系統環境變量
修改用戶環境變量
修改爲
4.安裝常用express模塊
npm install express -g # -g是全局安裝的意思
5.安裝python
運行項目需要python,去官網下載安裝後,配置下環境變量
下載地址:https://www.python.org/downloads/windows/
安裝的時候勾選Add Python To Path
然後一直下一步到安裝完畢
6.爲vue項目準備環境
在項目目錄下執行cmd命令
npm install --registry=https://registry.npm.taobao.org
安裝 sass依賴
npm i node-sass -D
安裝load依賴
npm i sass-loader -D
7.常見錯誤
錯誤1:MSBUILD : error MSB4132: 無法識別工具版本“2.0”。可用的工具版本爲 "4.0"。
原因:項目依賴中,node-gyp調用MSBuild工具進行組件編譯,找不到MSBuild2.0,而系統裏只有MSBuild4.0。
解決方式:
npm install --msvs_version 2015
npm config set msvs_version 2015 --global