前端工具使用筆記（yarn,cnpm,nrm)

前端通過 npm i 下載包時預設是從npm官網下載的，國內因為部分原因可能有的時候下載太慢，甚至無法下載的情況，這是可以通過淘寶npm映象源來下載包，源就是存放npm包的伺服器，阿里的伺服器中存著npm官網中的公開包，你從阿里的伺服器中獲取那個包而已

可以在下載包的時候切換下載源：

npm install vue --registry=https://registry.npm.taobao.org複製程式碼

或者可以下載淘寶映象提供的工具cnpm，以後用它來下載包：

npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm i vue複製程式碼

這些還遠遠不夠，有的公司會有自己的npm源，因為他們會寫很多公司需要用到的通用元件和業務元件，這時最好將npm i的預設源改成公司的源，怎麼改呢，用nrm這個工具，它是npm源管理器，最常見的操作就是使用它來改變npm的源：

cnpm i nrm -g複製程式碼

nrm的一些操作：

檢視版本：

nrm --version複製程式碼

檢視本機的所有npm源，* 標識的是當前源：

nrm ls複製程式碼

nrm add 增加你公司的源，company_name為源名稱，url為源伺服器地址：

nrm add <company_name> <url>複製程式碼

nrm add myCompany http://127.0.0.1/
nrm ls複製程式碼

nrm del刪除源

nrm del myCompany複製程式碼

yarn

npm install -g yarn // 下載yarnyarn --version // 檢視yarn版本yarn init // 初始化一個前端專案yarn add antd react // 使用yarn下載專案線上依賴包，自動新增到package.json中yarn add webpack --dev // 下載開發依賴包yarn upgrade antd // 更新依賴包yarn remove antd // 移除依賴包
yarn / yarn add // 拿到無依賴包的專案，下載所有依賴yarn run ... // 跑npm指令碼yarn add global ... // 下載全域性依賴，跑在作業系統上yarn publish / login /logout // 登陸登出釋出依賴包

複製程式碼

注意：

就那麼簡單，收工:)