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生成的。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM