node / npm/ yarn 的安裝以及環境變量

# node.js 10.15.3 

https://npm.taobao.org/mirrors/node/v10.15.3/node-v10.15.3-x64.msi

1.安裝後自動添加了環境變量：

node js的目錄：

 

npm的全局包目錄：

 

輸入 npm config ls 

若是要修改，直接到這個文件改就能夠了，別用命令了，網上都是說要用命令，哪裏記得住呀，直接到這個文件改。

說明一下，默認安裝後，registry cache prefix 這幾個值都不是這樣的，尤爲是cache prefix這兩個值，是因爲我以前裝過nodejs，而且以前修改了preifx因此配置文件沒有變，切記這個時候，把環境變量改一下

注意到了嗎？以前的截圖，有我以前的環境變量，因此，把nodejs安裝時本身添加的的npm的環境變量刪了把。不要了，仍是用我以前本身建立的目錄。

記住： npm的全局包配置文件和環境變量必須同樣！！就是上面那個文件和下面的變量位置要同樣，否則找不到！！

備註： 後來我爲了和別人統一，我就恢復到默認了。

 

默認安裝的npm版本老了，你總要升級吧。

 

npm install npm -g 

2. yarn:1.16.0    yarn命令的使用說明及.yarnrc使用等

客戶端：https://yarnpkg.com/en/docs/install#windows-stable  也能夠npm install -g yarn（但這種方式會加環境變量嗎？） 
客戶端安裝後，會添加yarn全局包位置

 

 

下面這個注意了：下面這個變量值須要和你安裝後的目錄保持一致。 

 

驗證方法： cmd中輸入 

yarn -V

查看全局包位置：

yarn global dir

 

查看裝了什麼包 文檔

yarn list --depth=0

 修改全局包位置： 網上說有bug，就不折騰了，不要去改全局包位置了！！！ 

這裏有個帖子，說明了 npm和yarn的全局包位置是獨立的，不要混爲同一個目錄 這裏有個很好的帖子: https://segmentfault.com/a/1190000008489881

 

3.Vue-cli 3.0

yarn global add @vue/cli   （卸載舊版本：npm uninstall vue-cli -g //卸載vue-cli舊版本）

 

 

備：鏡像切換國內能夠先裝 切換工具 nrm 和 nym

npm install -g nrm 

npm install -g nym

 

 

tips：

1.

其實你裝node的時候，能夠不裝npm。這樣node的目錄就乾乾淨淨：

就這麼幾個文件由於自帶的npm不是最新的，因此裝了以後npm也要升級，而後這個目錄下的npm.exe 就沒用了。累贅啊！不如不裝。

最主要幾個環境變量

1. 系統變量：

    1）nodejs 安裝目錄 ：C:\Program Files\nodejs\

    2）yarn的安裝目錄的bin目錄:    C:\Program Files (x86)\Yarn\bin\

2 用戶環境變量（系統變量優先於用戶變量）：

    3)  yarn 的 全局包的bin目錄：C:\Users\luhui2\AppData\Local\Yarn\bin       

    4） npm的安裝目錄和全局包目錄是統一的： C:\Users\luhui2\AppData\Roaming\npm 

 

我猜，若是第2）步的yarn是用npm裝的，那也不須要yarn的安裝目錄的bin目錄的，直接用npm的目錄即4）的目錄：

 

   

2. 當你裝了npm和yarn時，你能夠同時用這兩個來管理項目的包

其中： package-lock.json是npm生成的，yarn.lock 是yarn生成的。