安裝node與yarn
參考：Vue開(kāi)發(fā)環(huán)境npm和Yarn的環(huán)境變量配置（Windows 10 版）-CSDN博客
node
對(duì)于Windows笆凌，從node官網(wǎng)下載node并安裝渐苏，安裝過(guò)程中可選安裝插件npm。這里可以選擇裝npm也可以選擇不安裝，因?yàn)閷?lái)主要使用yarn蔽午，而安裝yarn并不是必須使用npm。
安裝時(shí)node將自動(dòng)添加node(和npm)命令的環(huán)境變量或油，可用node(和npm)檢查是否安裝成功浮禾，若成功會(huì)輸出版本號(hào)。
在Windows中尺借，npm安裝的全局依賴(lài)包默認(rèn)安裝位置在C:\Users\JCloud\AppData\Roaming\npm绊起，這個(gè)位置也會(huì)自動(dòng)添加到環(huán)境變量里，以保證全局安裝的包就能全局運(yùn)行燎斩。
yarn
yarn是更加推薦的包管理工具虱歪，具有更多優(yōu)點(diǎn)蜂绎，基本上可完全用yarn替代npm。
yarn可以用npm安裝：
npm i yarn -g
i笋鄙、-g分別表示“安裝”师枣、“全局”，代表安裝成功后我們就可以在任何目錄中使用yarn命令萧落。yarn也可以直接從官網(wǎng)下載msi程序并安裝：Installation | Yarn (yarnpkg.com)
安裝好后yarn會(huì)把自己添加到環(huán)境變量中践美，以實(shí)現(xiàn)全局執(zhí)行。
這兩種方式找岖，安裝好之后陨倡，都可以輸入yarn -v來(lái)檢查是否安裝成功（真正的成功是在任何目錄都能執(zhí)行）。
注：如果使用PowerShell運(yùn)行全局安裝的yarn许布，需要用管理員權(quán)限運(yùn)行PowerShell玫膀，否則會(huì)報(bào)錯(cuò)“無(wú)法加載文件***，因?yàn)樵诖讼到y(tǒng)上禁止運(yùn)行腳本爹脾√迹”解決方法有兩種：
- 管理員運(yùn)行PowerSheel后執(zhí)行
set-ExecutionPolicy RemoteSigned，選擇“是”灵妨，此后可在非管理員的PowerShell中使用yarn解阅；- 使用cmd運(yùn)行yarn，cmd中是正常的泌霍。
yarn的全局目錄
yarn用三個(gè)文件夾存儲(chǔ)與全局相關(guān)的三類(lèi)內(nèi)容货抄，在Windows中默認(rèn)是在C:\Users\JCloud\AppData\Local\Yarn目錄下，其中bin存儲(chǔ)命令的二進(jìn)制文件朱转，Cache存儲(chǔ)下載緩存蟹地，Data\global存儲(chǔ)全局node_modules（即包源碼）。以下以一個(gè)例子說(shuō)明用途藤为。
使用yarn全局安裝依賴(lài)包怪与，需使用以下命令（以安裝vue3為例）：
yarn global add @vue/cli@next
global意為全局，add后面跟包名代表添加缅疟。通過(guò)以上命令分别，vue-cli會(huì)被：
- 緩存到
Cache以供以后使用 - 安裝到全局
Data\global\node_modules目錄 - 在
bin目錄自動(dòng)建立一個(gè)二進(jìn)制入口鏈接（命令行直接調(diào)用的就是這里的文件）
相關(guān)的三個(gè)目錄可以用以下命令查看其在磁盤(pán)上的位置：
yarn global bin
yarn global dir
yarn cache dir
這三個(gè)目錄也都可以進(jìn)行自定義修改位置：
yarn config set prefix "自定義bin目錄路徑"
yarn config set global-folder "自定義node_modules目錄路徑"
yarn config set cache-folder "自定義cache目錄路徑"
可以修改到你認(rèn)為合適的位置（路徑加不加引號(hào)皆可），比如非C分區(qū)存淫，以減輕C盤(pán)容量負(fù)擔(dān)耘斩。
yarn與環(huán)境變量
使用msi安裝的yarn會(huì)自動(dòng)給自己添加環(huán)境變量，但是桅咆，yarn安裝程序并不會(huì)給msi安裝的依賴(lài)包添加環(huán)境變量（也許考慮到用戶(hù)更喜歡自定義位置括授？），所以使用yarn安裝的全局依賴(lài)包默認(rèn)情況下并不能全局執(zhí)行，需要用戶(hù)自行添加環(huán)境變量荚虚。
由于bin目錄就是實(shí)際的命令入口薛夜，所以只需將bin目錄的路徑添加為環(huán)境變量:
- 右擊“計(jì)算機(jī)”—>"屬性"—>"高級(jí)系統(tǒng)設(shè)置"—>"環(huán)境變量"—>"系統(tǒng)變量"—>"Path"
- 新建一條通過(guò)上面
yarn global bin命令得到的路徑。 - 重啟shell（命令行）以重新加載環(huán)境變量
yarn換源
默認(rèn)依賴(lài)包源在國(guó)外曲管，可能會(huì)遇到網(wǎng)絡(luò)條件差的問(wèn)題，可以換成國(guó)內(nèi)的淘寶源硕糊。
查看當(dāng)前源院水，以及更換源：
yarn config get registry
yarn config set registry https://registry.npm.taobao.org
