npm安装vue@cli报错的简单处理方式

1.输入npm install -g @vue/cli 报错

如下

C:\User\Admin>npm install -g @vue/cli
npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.
npm WARN deprecated source-map-url@0.4.1: See https://github.com/lydell/source-map-url#deprecated
npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated source-map-resolve@0.5.3: See https://github.com/lydell/source-map-resolve#deprecated
npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated subscriptions-transport-ws@0.11.0: The `subscriptions-transport-ws` package is no longer maintained. We recommend you use `graphql-ws` instead. For help migrating Apollo software to `graphql-ws`, see https://www.apollographql.com/docs/apollo-server/data/subscriptions/#switching-from-subscriptions-transport-ws    For general help using `graphql-ws`, see https://github.com/enisdenjo/graphql-ws/blob/master/README.md
npm ERR! code EEXIST
npm ERR! path C:\Users\Admin\AppData\Roaming\npm\vue.cmd
npm ERR! EEXIST: file already exists
npm ERR! File exists: C:\Users\Admin\AppData\Roaming\npm\vue.cmd
npm ERR! Remove the existing file and try again, or run npm
npm ERR! with --force to overwrite files recklessly.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Admin\AppData\Local\npm-cache\_logs\2022-11-06T01_20_35_702Z-debug-0.log

2.一定要注意标红的，本博主当时就是由于没有注意就走了很多弯路，这个红色的就是再给你提示，你没有配置vue的环境变量

3.以下就是我的配置方法：

（1）我当时觉得用npm本身的网站下载东西是非常的缓慢，然后我就将npm的下载地址设置为了淘宝镜像网，下载东西是非常的快，也不用费很长时间，代码如下：                                npm config set registry https://registry.npm.taobao.org  

(2) 如果小伙伴们想知道是否配置成功，可以使用如下代码:    npm config get registry

(3) 重新运行命令：npm install -g @vue/cli  

（4）然后你会发现，没有报错信息了，但是你输入，vue --version 或者vue -V会提示你vue不是内部命令，也就是代表你的环境变量没有配置好。以下代码让我们可以查看到你的npm环境路径,代码如下:      npm config list

配置方法： 此电脑（右键） - > 属性  ->  高级系统设置  ->  环境变量   ->  找到系统环境的边框下面的Path   (点击一下，会出现被选中的蓝色背景)    ->   点击下面的编辑    ->   新建   ->将刚刚在文件夹里找到的目录复制到该地方      ->  点击确定 (一直到没有点击确定的即可)    -> 重新打开  cmd 窗口 输入 vue -V   或者  vue  -version  就可以正确查看vue  的版本了

你也可以直接在搜索框搜索环境变量也可直接进入， ->  找到系统环境的边框下面的Path   (点击一下，会出现被选中的蓝色背景)    ->   点击下面的编辑    ->   新建   ->将刚刚在文件夹里找到的目录复制到该地方      ->  点击确定 (一直到没有点击确定的即可)    -> 重新打开  cmd 窗口 输入 vue -V   或者  vue  -version  就可以正确查看vue  的版本了

详细步骤见图片：

总结

到此这篇关于npm安装vue@cli报错的简单处理方式的文章就介绍到这了,更多相关npm安装vue@cli报错内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

最新评论