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

配置全局安装目录

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

全局安装

npm install -g @vue/cli

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

配置时如果出现

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
就可以重新安装了

或者使用下面命令安装 cnpm，然后使用 cnpm 进行安装

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装时如果出现（一）

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 查看默认全局安装路径
2. 删除上面路径中的 npm 的文件
3. 在终端 cd 到上面查询到的路径里，使用 npm init -f 初始化 npm 就会生成一个 package.json 文件
4. 使用 npm install formidable --save 接着安装依赖
5. 使用 npm install -g @vue/cli 安装即可

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

安装成功

配置环境变量

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

使用 vue 命令时出现

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

方法一：把提示目录下无法加载的 vue.ps1 文件删了就行
方法二：以管理员身份运行终端，输入以下命令即可（如果提示选项就选是或全是）

set-ExecutionPolicy RemoteSigned

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

Written ❤️ sywdebug.