安装:【vue】npm install -g @vue/cli出现错误

已于 2023-07-20 20:23:20 修改
阅读量3.1k 收藏 14
点赞数 4
分类专栏： vue 文章标签： vue.js npm 前端
于 2023-07-20 20:20:29 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_28137309/article/details/131838675
版权
在安装Vue脚手架时遇到问题，通过管理员权限运行CMD，确认Node.js版本，设置npm淘宝镜像以加速下载，然后全局安装@vue/cli。成功后在D:/vscode目录创建vue_test项目，最后运行npmrunserve启动服务。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

安装Vue脚手架，cli就是Command Line Interface 命令行接口  工具

进行到npm install -g @vue/cli这一步出现错误，操作步骤如下：

1.通过 win+s打开开始栏的搜索框，输入cmd，管理员身份运行

2.先下载node.js

不知道有没有下载，可以在cmd输入

node -v

在cmd界面粘贴下面这句话，因为下载缓慢，所以配置了 npm 淘宝镜像，不嫌慢可以直接进行下一步的全局安装

npm config set registry http://registry.npm.taobao.org

全局安装@vue/cli：

npm install -g @vue/cli

安装完后退出 命令行，重新打开命令行输入:vue，显示如下，证明 vue 脚手架已安装好 

切换单 D:/vscode 目录
 

cd d:/vscode

创建 vue 项目

vue create vue_test

安装完后，如下

最后运行

npm run serve

执行 npm install -g @vue/cli 报错
猿小白的博客
05-09 1万+
目录 一、问题描述 二、解决方案 1、升级npm 2、清理缓存 3、再次安装 一、问题描述 准备使用vue3.0初始化一个项目，在使用npm install -g @vue/cli 安装过程出现了异常信息： npm WARN deprecated @hapi/joi@15.1.1: Switch to 'npm install joi' npm WARN deprecated request@2.88.2: request has been deprecated, see htt...
脚手架vue-cli和@vue/cli的搭建及区别
热门推荐
qq_37635012的博客
04-14 1万+
vue-cli与@vue/cli vue脚手架版本目前有2,3,4.不管搭建哪个版本的脚手架，首先都需要安装node. node的安装 node的安装我们可以直接去node官网(http://nodejs.cn/)下载安装，node安装完之后，node自带的包管理工具npm也就安装好了，我们win系统直接开始在cmd窗口输入node -v查看node版本号，如下图能看到版本号说明node安装成功:...
安装vue脚手架的时候，使用命令npm install -g @vue/cli安装报错：
m0_53513518的博客
06-28 3628
npm install -g @vue/cli报错的解决方法
vue-npm安装错误
最新发布
m0_74270206的博客
03-30 824
我这里是第一种方法，将.npmr文件删除，再次运行npm install -g @vue/cli。这是我的DevEco Studio，它在检查本地Node.js已经成功了。③如果都不行的话，那就是权限问题了，用管理员身份运行命令提示符，运行。npm install -g @vue/cli应该就可以了。该文件为隐藏文件，在c盘用户下，这里我已经删掉了，直接删掉就行。输入命令可以查看到版本。①删除.npmr文件。
【vue】npm install -g @vue/cli出现错误
weixin_56105633的博客
04-28 5080
在cmd界面粘贴下面这句话，因为下载缓慢，所以配置了 npm 淘宝镜像，不嫌慢可以直接进行下一步的全局安装。出现版本号则电脑已经有了node.js，没有的话去官网下一个，csdn有其他小伙伴给了下载方法。2.通过 win+s打开开始栏的搜索框，输入cmd，管理员身份运行。的后面加这句话，即在d盘vscode的vue-test的文件里。不知道有没有下载，可以在cmd输入。然后就完成了，选择vue2那个选项。进去之后打开，在这个位置输入cmd。进去后输入这句话，然后按回车。不会的话，就是除了那句。
npm install -g @vue/cli报错
weixin_42612405的博客
02-09 2943
如果在安装 @vue/cli 时遇到错误，可以尝试以下步骤解决： 确保你的 npm 版本是最新的，可以使用 "npm install npm@latest -g" 升级 使用 "sudo npm install -g @vue/cli" 安装，因为有时需要超级用户权限 重启电脑后再尝试安装 清理 npm cache："npm cache clean --force" 卸载已安装的 @vue/cl...
安装 cnpm install -g @vue/cli@4.0.3失败
weixin_53618357的博客
07-28 2702
你可以尝试在Vue CLI的官方GitHub页面（https://github.com/vuejs/vue-cli）上查找类似的问题，并查看解决方案。2. 尝试使用`npm`命令而不是`cnpm`命令进行安装。你可以尝试使用`npm install -g @vue/cli@4.0.3`命令来安装Vue CLI。使用命令cnpm install -g @vue/cli@4.0.3在cmd中安装vue cli但是报了下面的错误C:\Users\t>cnpm install -g @vue/cli@4.0.3。
vue安装手脚架npm install -g @vue/cli过程报错
weixin_42754221的博客
01-02 2017
报错： npm ERR! code EPERM npm ERR! syscall mkdir npm ERR! path D:\node.js\node_global npm ERR! errno -4048 npm ERR! Error: EPERM: operation not permitted, mkdir ‘D:\node.js\node_global’ npm ERR! [Error: EPERM: operation not permitted, mkdir ‘D:\node.js\node
npm install报错peerDependencies WARNING eslint-plugin-vue@^5.2.3 requires a peer of eslint@^5.0.0 but
01-07
npm install 报错，以为是npm问题，改成cnpm install，也还是报错，根据错误信息提示，推断是eslint版本不兼容。 报错提示： peerDependencies WARNING eslint-plugin-vue@^5.2.3 requires a peer of eslint@^5.0.0 ...
npm install -g @vue/cli报错npm ERR! code FETCH_ERROR或卡住不动解决方案
yodoyskts的博客
08-06 2665
解决vue安装脚手架时卡住或者报错的问题
vue CLI的安装问题范例，npm install -g @vue/cli安装过程中出现一大堆warn和err（vue安装）、利用镜像还是安装失败，看这篇攻略
qq_55018264的博客
07-18 3569
node -v举例我的cmd截图：原因是没有全局安装 Vue CLI，使用报错我按照网上的步骤运行了npm install -g @vue/cli结果几乎全报错。
解决npm install -g @vue/cli报错问题
weixin_60249074的博客
09-13 2018
解决npm install -g @vue/cli报错问题
关于npm install -g @vue/cli 报错
CD_promise的博客
10-30 538
npm install -g @vue/cli 源文本中存在无法识别的标记。 所在位置 行:1 字符: 16 这里使用@符号时，要加''才行 npm install -g '@vue/cli ’
使用 npm install -g @vue/cli命令报错
weixin_53071068的博客
01-02 8205
找到prefix这一行复制路径——>鼠标左键点击此电脑（桌面有我的电脑也可以，没有随便去一个文件夹看左侧一个个找），点击属性，4.关闭管理员运行的PowerShell窗口再之前出现错误的PowerShell窗口重新输入vue -V命令不用再安装脚本。高级设置，点击环境变量——》系统变量——》双击Path——》点击新建添加复制的路径。3.输入get-ExecutionPolicy -List。关闭PowerShell窗口再打开：输入vue -V命令。在电脑下方的搜索输入PowerShell点击管理员运行。
npm install -g @vue/cli 安装失败
weixin_48138740的博客
05-08 439
首先找到node安装路径下的package.json的所在位置。cd进入package.json的路径中进行安装即可。脚手架安装失败报错问题，注意是以管理员身份进行命令。
npm install -g@vue/cli报错解决：npm error code ENOENT npm error syscall open
m0_74352571的博客
11-27 1823
npm install -g@vue/cli报错解决：npm error code ENOENT npm error syscall open
npm i vue/cli -g全局安装失败解决方法以及‘vue‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件
qq_63538423的博客
03-04 2909
npm i vue/cli -g全局安装失败解决方法 'vue' 不是内部或外部命令，也不是可运行的程序 或批处理文件
npm install -g @vue/cli --force报错
12-28
### 解决方案 当 `npm install -g @vue/cli` 命令报错时，可以通过一系列措施解决问题。确保 npm 版本是最新的，可使用命令 `npm install npm@latest -g` 进行升级[^1]。 对于某些情况，可能需要超级用户权限才能成功安装，此时应尝试带有 sudo 的命令 `sudo npm install -g @vue/cli` 来完成安装操作。 清理 npm 缓存也是必要的一步，这能有效防止因缓存问题引发的错误。运行 `npm cache clean --force` 可强制清除缓存文件。 考虑到网络因素可能导致下载缓慢或失败，建议切换至国内镜像源以提高效率。设置淘宝镜像作为默认注册表的方法如下： ```bash npm config set registry https://registry.npmmirror.com ``` 若上述方法仍无法解决问题，则考虑采用 cnpm (淘宝定制版 NPM)，其安装方式为: ```bash npm install -g cnpm --registry=https://registry.npmmirror.com ``` 之后可通过 cnpm 安装 Vue CLI : ```bash cnpm install -g @vue/cli ``` 最后验证安装是否成功的办法是检查 Vue CLI 的版本号，输入 `vue -v` 或者 `vue -V` 即可查看当前使用的版本信息[^2]。 值得注意的是，在遇到证书过期等问题时，应该调整 HTTPS 请求为 HTTP 请求，即更改镜像地址为 `http://registry.npm.taobao.org` 并再次尝试安装[^4]。 另外，如果之前已经安装了旧版本的 Vue CLI ，则应当先将其卸载掉再重试新版本的安装工作。执行 `npm uninstall -g @vue/cli` 后重新按照以上步骤进行安装。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值