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

一、Nodejs

(1)Nodejs安裝

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

通過命令,驗證是否安裝成:

node -v

npm -v

如果正常顯示版本號,即安裝成功。

(2)Nodejs配置

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

1、配置prefix和cache目錄

  • 改變npm 全局安裝位置
npm config set prefix "你的磁盤路徑"

示例目錄地址爲:C:\Program Files\nodejs

npm config set prefix “C:\Program Files\nodejs\node_global”
  • 改變 npm 緩存位置
npm config set cache "你的磁盤路徑"

示例目錄地址爲:C:\Program Files\nodejs

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

2、配置環境變量
右擊“計算機”—>“屬性”—>“高級系統設置”—>“環境變量”

在"系統變量"中,設置 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\。

這個值就是上一步中,通過 “npm config set prefix” 設置的值。

3、配置阿里源

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

二、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 Files\yarn

yarn config  set global-folder "C:\Program Files\yarn\global"
  • 改變 yarn 緩存位置
yarn config cache-folder "你的磁盤路徑"

示例目錄地址爲:C:\Program Files\yarn

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

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

(4)配置環境變量

在我們使用全局安裝包的時候,會在 “C:\Program Files\yarn\global”(上面的示例路徑,要根據自己的實際情況配置) 下生成 node_modules.bin 目錄

我們需要將 C:\Program Files\yarn\global\node_modules.bin 整個目錄 添加到系統環境變量中去,否則通過yarn 添加的全局包 在cmd 中是找不到的。

檢查當前yarn 的 bin的 位置

yarn global bin

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

yarn global dir

(5)Yarn 配置阿里源量

1、查看一下當前源

yarn config get registry

2、切換爲淘寶源

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