因爲要安裝vue cli 3x,需要node.js 8.9以上版本。本地有別的項目用的node.js 6.11.2版本。需要電腦能同時存在2個node版本。
一.安裝node
1.檢查當前的node版本
cmd
node -v
2.檢查全局 node安裝的包 和 node的配置
npm ls -g --depth=0
查看所有全局安裝的模塊 npm ls -g
查看npm默認設置(部分) npm config ls
查看npm默認設置(全部) npm config ls -l
安裝失敗 清除緩存,再安裝 npm cache clean
如圖,可以看出全局模塊默認安裝在prefix目錄下 C:\Users\Administrator\AppData\Roaming\npm
使用命令 npm config set prefix "D:\Program Files\npm_global_modules\node_modules"
3.卸載所有安裝的包
單個卸載
npm uninstall -g <package>
https://blog.csdn.net/qq_27626333/article/details/77857614
https://blog.csdn.net/qq_33936481/article/details/73410481
https://www.cnblogs.com/lsgxeva/p/8004438.html
4.卸載node.js
https://www.cnblogs.com/fighxp/p/7410235.html
5.下載安裝nvm
https://github.com/coreybutler/nvm-windows/releases
6.配置2個路徑
如果報錯
https://www.cnblogs.com/wuzhihang/p/8448738.html
https://www.jianshu.com/p/d227e11af3f9
root:解壓在哪個文件夾下,就寫哪個。(各個版本nodejs下載的地方)
path: 真正使用的nodejs
nvm安裝的node原路徑默認爲: C://ProgramFile/nodejs (其實是個快捷方式) path設定的。
nvm安裝多個版本的node,原理是替換C://ProgramFile/nodejs中的node.exe
最後要設置鏡像,不設置安裝npm會報錯
node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/
https://blog.csdn.net/qq_27626333/article/details/77857223
如果是在E盤安裝,那settings.txt就在E盤下。
第一次安裝完,要執行nvm use v6.11.2 (node的版本),不然 npm 沒法用
https://blog.csdn.net/baidu_32262373/article/details/54943528
https://m.aliyun.com/wanwang/info/1502045.html
7.安裝不同版本的node.js
nvm install 6.11.2
nvm install latest 安裝最新版本
卸載版本:nvm uninstall 4.6.2
查看版本號:nvm list
使用某個版本 nvm use 6.11.2
8.npm 安裝包
查看全局默認安裝地址 npm config get prefix
更改全局地址 npm config set prefix "D:\npm\node_modules"
由於 npm 安裝的模塊路徑均爲 /usr/local/lib/node_modules ,
當使用 n 切換不同的 node 版本時,實際上會共用全局的 node/npm 目錄。
因此不能很好的滿足『按不同 node 版本使用不同全局 node 模塊』的需求。
https://blog.csdn.net/yihanzhi/article/details/75665959
9.設置全局node_home地址 ,如果遇到npm全局安裝的插件無法調用的情況,就是這個沒配置
在環境變量中啊新建變量NODE_PATH賦值爲prefix設置的地址即
prefix=D:\npm\node_modules
然後把%NODE_PATH%加入到path中
二.安裝vue cli
1 npm install -g @vue/cli
https://cli.vuejs.org/zh/guide/installation.html
安裝完,查看安裝結果,報錯。更換node版本或vue cli版本都會有這個錯,因爲使用的淘寶鏡像不對。
查看npm鏡像,並更換淘寶鏡像。
cd到vue cli的安裝包的文件夾下,安裝這個包。不是全局。成功。
2 將vue的啓動路徑加到path裏。
3.新打開一個cmd ,查看vue的版本
vue --version
npm 的版本要和node 對應,node的版本變高,npm 的版本也要要對應變高。一般安裝node時會有提示
更新到最新版
npm i -g npm to update
更新到指定版本
npm -g install [email protected]
有時有權限錯誤,清理後再安裝:
npm cache clean --force
刪除代理:
npm config rm proxy
npm config rm https-proxy
刪除緩存:
C:\Users\Administrator\AppData\Roaming\npm
C:\Users\Administrator\AppData\Roaming\npm-cache
npm報錯-4048 syscall: 'unlink', 刪除這個,超管用:
C:\Users\{賬戶}\下的.npmrc文件