【前端----Vue】nodejs和npm的環境安裝

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

 

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