一，nodejs環(huán)境安裝

????1，搜索nodejs相關(guān)安裝包下載安裝路徑：D:\nodejs

? ? ? ? ?此時(shí)D:\nodejs中包含node、npm、npx等命令文件，

? ? ? ? ?D:\nodejs\node_modules包含默認(rèn)node的模塊npm命令對(duì)應(yīng)的npm依賴

????2，修改默認(rèn)npm包管理工具：

????????（1）修改npm全局模塊安裝路徑cmd：npm config set prefix D:\nodejs

?????????注：全局模塊默認(rèn)c盤，修改后為D:\nodejs\node_modules下和安裝包自帶的npm模塊一起

????????默認(rèn)安裝在：C:\Users\Administrator\AppData\Roaming\npm\node_modules中

????????（2）設(shè)置npm緩存文件路徑cmd：npm config set cache? D:\nodejs\node_cache

????????（3）設(shè)置npm淘寶鏡像cmd：npm config set registry http://registry.npm.taobao.org/

?????????注：部分項(xiàng)目淘寶鏡像有莫名其妙bug，可以選擇安裝cnpm模塊選擇使用鏡像

????????直接安裝cnpm模塊cmd: npm install cnpm -g --registry=https://registry.npm.taobao.org

????或繼續(xù)安裝yarn包管理工具:

????????（1）安裝yarn包管理工具cmd: npm install -g yarn

????????（2）修改yarn全局模塊安裝路徑cmd：yarn config set global-folder D:\nodejs,

????????默認(rèn)安裝在：C:\Users\Administrator\AppData\Local\Yarn\Data\global\node_modules中

? ? ? ? （3）設(shè)置yarn緩存文件路徑cmd：yarn config set cache-folder? D:\nodejs\node_cache

? ? ? ? 修改C:\Users\Administrator目錄下‘.yarnrc’文件，兩個(gè) global-folder?，改為?--global-folder上面2,3生效

????????（4)??設(shè)置淘寶鏡像cmd：yarn config set registry https://registry.npm.taobao.org/

? ? 升級(jí)npm：npm install -g npm，會(huì)重置npm配置，需要重新配置上面設(shè)置

npm和yarn為包管理工具，設(shè)定他們的模塊路徑為：D:\nodejs，此時(shí)安裝其他模塊：

模塊提供命令的文件裝D:\nodejs下（普通模塊沒有），模塊的依賴裝在D:\nodejs\node_modules下

二，vue項(xiàng)目創(chuàng)建

?????1，全局安裝腳手架模塊cmd：npm install -g @vue/cli 或?yarn global add @vue/cli

?????注： 請(qǐng)?zhí)崆靶独习姹炯磛ue-cli，否則創(chuàng)建項(xiàng)目會(huì)失敗

? ? 此時(shí)只包含npm，yarn、@vue/cli、@vue包

????2，可視化創(chuàng)建項(xiàng)目cmd：vue ui

*以上操作僅適用于windows