初学vue，vue cli 问题

谁践踏了优雅 2024-03-17 15:21 112阅读 0赞

## 一、我所遇到的 ##

指定路径可以出现版本号，直接输入vue -V，显示错误

![5b2accd0bfcd4847b1178f5447626b28.png][]

### 解决方法： ###

【简单说，就是需要你更新你的npm】

问题 ：C:\\Users\\29435>npm list -g @vue/cli E:\\qianduan\\node \`-- (empty)

根据你提供的输出，看起来你的Vue CLI没有被正确安装在全局范围内。请尝试以下步骤重新安装Vue CLI：

1.  打开一个命令提示符窗口。
2.  运行以下命令卸载已安装的Vue CLI：
    
    npm uninstall -g @vue/cli
3.  确保你的npm版本是最新的。运行以下命令更新npm：
    
    `npm install -g npm`
4.  安装最新版本的Vue CLI。运行以下命令：
    
    `npm install -g @vue/cli`
    
    这将下载并安装最新版本的Vue CLI工具。
5.  安装完成后，再次运行 `vue -V` 命令，检查Vue CLI的版本信息。

确保在安装过程中没有出现错误信息，并且确认安装成功后，你应该能够正确使用`vue`命令了。

这样就成功了。

**二、我上网收到的结果，可能你也会遇到**

1.你可以设置你的环境变量；

2.如果你遇到的是权限问题，那么你去node里面打开的你所有权限。

点击右键删除和重命名前面有那个保护的图标，就表示权限没打开

点击右键的属性---编辑---全选

![d93daeff107548cf9cf6b75bd03beae2.png][]![7262cd18ad704e79a35a7193e62703fd.png][]

3.一些检查命令：

（1）yarn global list --depth=0

确认你是否已经成功安装了 Vue CLI。

在输出结果中查找 `@vue/cli`，确保它在列表中。如果没有出现在列表中，你可以重新运行 `yarn global add @vue/cli` 来安装 Vue CLI。

--------------------

（2）清理 npm 缓存

npm cache clean --force

--------------------

（3) 更新 npm

npm install -g npm@latest

--------------------

(4) 检查全局安装路径：运行以下命令查看 Yarn 全局包的安装路径：

yarn global dir

--------------------

(5)安装cue cli两种方式

yarn global add @vue/cli

npm install -g @vue/cli

[5b2accd0bfcd4847b1178f5447626b28.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/d79ab3a12adf43e5b44cbe8ab46b8938.png
[d93daeff107548cf9cf6b75bd03beae2.png]: https://img-blog.csdnimg.cn/d93daeff107548cf9cf6b75bd03beae2.png
[7262cd18ad704e79a35a7193e62703fd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/cd11ae4e5c28491b88ee8b62253b51c7.png