Vue開發環境npm和Yarn的環境變量配置（Windows 10 版）

1、Nodejs

（1）Nodejs安裝

這一步很簡單，下載Windows版的Nodejs，進行按照提示安裝便可，記得選擇將nodejs增長到PATH一項，若是界面上沒有，應該就是默認幫你搞定了，能夠忽略我這句廢話。

經過命令，驗證是否安裝成：

node -v

npm -v

若是正常顯示版本號，即安裝成功。

（2）Nodejs配置

Nodejs安裝完成以後，默認會將node.exe的路徑，添加到系統的環境變量中，若是沒有請手動添加。除此以外還要進行其餘的配置。

一、配置prefix和cache目錄

• 改變npm 全局安裝位置

npm config set prefix "你的磁盤路徑"

示例目錄地址爲：C:Program Filesnodejs

npm config set prefix 「C:\Program Files\nodejs\node_global」

• 改變 npm 緩存位置

npm config set cache "你的磁盤路徑"

示例目錄地址爲：C:Program Filesnodejs

npm config set cache  「C:\Program Files\nodejs\node_cache

二、配置環境變量
右擊「計算機」—>"屬性"—>"高級系統設置"—>"環境變量"

在"系統變量"中,設置 NODE_PATH
在系統變量裏新建 NODE_PATH ,值爲

C:\Program Files\nodejs\node_global\node_modules

這個值就是上一步中，經過 「npm config set prefix」 設置的值。能夠，用下面命令查看

npm config get prefix

在"用戶變量"中,修改path
修改用戶變量中的path，添加

C:\Program Files\nodejs\node_global\bin

這個值就是上一步中，經過 「npm config set prefix」 設置的值。

三、配置阿里源

npm config set registry https://registry.npm.taobao.org

2、Yarn

（1）Yarn簡介：

yarn是facebook發佈的一款取代npm的包管理工具。

yarn的特色：

• 速度超快。Yarn 緩存了每一個下載過的包，因此再次使用時無需重複下載。 同時利用並行下載以最大化資源利用率，所以安裝速度更快。
• 超級安全。在執行代碼以前，Yarn 會經過算法校驗每一個安裝包的完整性。
• 超級可靠。使用詳細、簡潔的鎖文件格式和明確的安裝算法，Yarn 可以保證在不一樣系統上無差別的工做。

（2）Yarn安裝

• 方式一：使用npm安裝

npm install -g yarn

• 方式二：使用安裝文件安裝

即在官網中下載exe文件安裝（Windows），其它系統根據實際狀況安裝。

（3）配置prefix和cache目錄

• 改變 yarn 全局安裝位置

yarn config set global-folder "你的磁盤路徑"

示例目錄地址爲：C:Program Filesyarn

yarn config  set global-folder "C:\Program Files\yarn\global"

• 改變 yarn 緩存位置

yarn config set cache-folder "你的磁盤路徑"

示例目錄地址爲：C:Program Filesyarn

yarn config cache-folder "C:\Program Files\yarn\cache"

或者在你的用戶目錄找到 .yarnrc 的文件，打開它，直接進行編輯

（4）配置環境變量

在咱們使用全局安裝包的時候，會在 「C:Program Filesyarnglobal」（上面的示例路徑，要根據本身的實際狀況配置） 下生成 node_modules.bin 目錄

咱們須要將 C:Program Filesyarnglobalnode_modules.bin 整個目錄 添加到系統環境變量中去，不然經過yarn 添加的全局包 在cmd 中是找不到的。

檢查當前yarn 的 bin的 位置

yarn global bin

檢查當前 yarn 的 全局安裝位置

yarn global dir

（5）Yarn 配置阿里源量

一、查看一下當前源

yarn config get registry

二、切換爲淘寶源

yarn config set registry https://registry.npm.taobao.org
yarn config set sass_binary_site "https://npm.taobao.org/mirrors/node-sass/"
yarn config set phantomjs_cdnurl "http://cnpmjs.org/downloads"
yarn config set electron_mirror "https://npm.taobao.org/mirrors/electron/"
yarn config set sqlite3_binary_host_mirror "https://foxgis.oss-cn-shanghai.aliyuncs.com/"
yarn config set profiler_binary_host_mirror "https://npm.taobao.org/mirrors/node-inspector/"
yarn config set chromedriver_cdnurl "https://cdn.npm.taobao.org/dist/chromedriver"