安装Vue-CLI详细方法及踩坑记录

全局安装

npm install -g @vue/cli

配置: 如果环境中没有配置全局目录,那么安装模块时会自动安装装到C:\User\当前用户\Appdata\Roaming\npm目录下

全局目录配置

npm config set prefix "E:\node\node_global" 配置全局安装位置 node-global 目录路径
npm config set cache "E:\node\node_cache" 配置缓存位置 node-cache 目录路径

配置时如果出现

npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。
原因: 没有权限，以管理员身份运行即可，也有可能是 nodejs 安装后没有配置环境变量

安装时如果超级慢或者经常被卡住

输入 npm config get registry 检测npm默认下载地址
默认应该是 https://registry.npmjs.org/
输入 npm config set registry https://registry.npm.taobao.org 将默认下载地址改成淘宝镜像下载
再使用 npm config get registry 检测
此时就是淘宝镜像下载了 https://registry.npm.taobao.org
就可以重新安装了

或者先

npm install -g cnpm --registry=https://registry.npm.taobao.org
安装cnpm
然后用cnpm进行安装

安装时如果出现（一）

npm ERR! code EINTEGRITY
npm ERR! sha512-XNvYvkfdAN9QewbrxeTOjgINkdY/odTgTS56ZNEWL9Ml0weT4T3sFtvnTuF+Gxyu46ANcRm1ntrF6F5LAJPAaQ== integrity checksum failed when using sha512: wanted sha512-XNvYvkfdAN9QewbrxeTOjgINkdY/odTgTS56ZNEWL9Ml0weT4T3sFtvnTuF+Gxyu46ANcRm1ntrF6F5LAJPAaQ== but got sha512-4LOaNkVRF2Q29PczWImNOpX2i4lDk5ycd0DMrjWs8dGPXAyhNnUnIft1ohiGSFcF015vwEbBfWcte/IWJ7FThw==. (7561 bytes)

npm ERR! A complete log of this run can be found in:
npm ERR!     E:\node\node-cache\_logs\2020-11-18T13_18_37_181Z-debug.log

就先用npm clean cache –force清除缓存
再次安装

安装时如果出现（二）

这个玩意我也是第一次见到，清缓存等方法还会给我报错，就记录一下吧，搞了好长时间，最后参考这个解决

1. 使用 npm config get prefix 查看默认全局安装路径
   复制默认全局安装路径在你的系统显示目录中删除npm文件夹
2. 在终端cd到上面查询到的路径里,使用 npm init -f 初始化npm就会生成一个package.json文件
3. 使用 npm install formidable --save 接着安装依赖
4. 使用 npm install -g @vue/cli 安装即可

然后配置环境变量,重启一下PowerShell,使用 vue -V 检测vue-cli版本

安装成功

配置环境变量

右键我的电脑 - - - 属性 - - - 高级系统设置 - - - 环境变量
用户变量和系统变量应该都是可以的
区别就是用户变量是针对当前用户, 系统变量针对所有用户

使用vue命令时出现

vue : 无法加载文件 E:\node\node-global\vue.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。

把目录下的vue.ps1文件删了就行

❀❀❀❀❀❀完结散花❀❀❀❀❀❀