一? node + npm?
1.下載NodeJS安裝包
下載地址：Download | Node.js
2.開始安裝
打開安裝包后，一直Next即可。當(dāng)然，建議還是修改一下安裝位置，NodeJS默認(rèn)安裝位置為?C:\Program Files
3.驗證是否安裝成功
打開DOS命令界面：
node -v
?
出現(xiàn)NodeJS版本即為安裝成功！
npm -v
?
?出現(xiàn)npm的版本號說明npm工具也已安裝成功！
二、環(huán)境配置
說明：環(huán)境配置的目的主要是為了改變安裝NodeJS依賴的下載位置，方便日后管理，以及配置緩存Cache的路徑。因為NodeJS在執(zhí)行安裝語句時，會將安裝的模塊默認(rèn)安裝到**C:\Users\用戶名\AppData\Roaming\npm**，從而占用C盤的空間。
1.創(chuàng)建npm模塊安裝目錄
安裝時，默認(rèn)是使用國外的鏡像，速度較慢。推薦使用國內(nèi)鏡像！
分別在NodeJS安裝目錄下創(chuàng)建node_cache和node_global兩個文件夾，如上圖所示。
創(chuàng)建文件夾后，打開dos命令窗口，分別執(zhí)行下面兩行命令
npm config set prefix "D:\MySoftware\nodejs\node_global"
npm config set cache "D:\MySoftware\nodejs\node_cache"2.配置環(huán)境變量
我的電腦->右鍵->屬性->高級系統(tǒng)設(shè)置->高級->環(huán)境變量
2.1新建NODE_PATH系統(tǒng)變量
?其實看到這個變量值我開始是有一些疑問的，明明node_global是一個空文件夾，為什么這個值需要定義到一個不存在的文件夾上，原來后面node會自動創(chuàng)建。
三、測試
我們先安裝一個express模塊試試
打開dos命令窗口，執(zhí)行下面的命令
npm install express -g # -g 是全局安裝的意思
?安裝成功！
打開D:\MySoftware\nodejs\node_global\node_modules目錄
4、配置taobao源
//查看鏡像源
npm get registry
//修改成淘寶鏡像源
npm config set registry https://registry.npm.taobao.org四 yarn 的安裝?
1 安裝yarn
//全局下載yarn
npm install -g yarn
//全局刪除yarn
npm uninstall yarn -g2?配置 環(huán)境變量
配置環(huán)境變量其實原理很簡單，就是把你安裝的文件目錄添加到?Path?系統(tǒng)變量中，這樣在執(zhí)行的時候就能夠找到這些文件。所以只需要把下面的路徑（安裝路徑，就是可執(zhí)行文件?yarn.cmd?的位置，此處是通過?npm?全局安裝的）添加到?Path?中即可。
復(fù)制yarn 安裝地址
添加到path?
打開 命令行 測試 成功
安裝目錄下 新建?yarn_global??yarn_cache 文件?
下載目錄是為了配置 通過?yarn?安裝的全局命令工具的存儲位置。
# 全局安裝目錄
yarn config set global-folder "D:\Program Files (x86)\nodejs\node_globa\node_modules\yarn\yarn_global"
# 緩存目錄
yarn config set cache-folder "D:\Program Files (x86)\nodejs\node_globa\node_modules\yarn\yarn_cache"
檢驗是否設(shè)置成功，可以直接在C:\Users\用戶名目錄下打開.yarnrc文件查看
如果你遇到了yarn命令無法執(zhí)行的情況，可以試著刪掉這個文件再重新配置
3. 淘寶鏡像源
原始資源有時候是外網(wǎng)的，下載速度比較慢。配置淘寶鏡像源，是為了加快安裝依賴的速度。文章來源：http://www.zghlxwxcb.cn/news/detail-740029.html
# 查看當(dāng)前源
yarn config get registry
# 修改為淘寶鏡像源
yarn config set registry https://registry.npm.taobao.org
至此 node? npm? yarn 就全部安裝完畢了?文章來源地址http://www.zghlxwxcb.cn/news/detail-740029.html
到了這里，關(guān)于前端環(huán)境的安裝 Node npm yarn的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
