vue-cli创建vue3.0项目步骤

本文介绍了如何在Windows环境下,通过vue-cli创建Vue 3.0项目。首先确认node.js和npm的版本,接着创建node_global和node_cache文件夹,并设置环境变量。当'vue'命令不可用时,安装cnpm并配置淘宝镜像。在安装过程中可能遇到'cnpm'不是内部命令的问题,需手动调整cnpm文件位置。最后通过cnpm安装vue-cli并创建项目,过程中可能需要卸载重装node.js和VSCode来解决问题。

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

首先看一下博主的node.js与npm版本:

2、管理员身份打开cmd在解压之后的文件夹中新建两个空文件夹node_global,node_cache;

并cmd中为其配置:

5、输入vue -V,报错‘vue’不是 内部命令,也不是可执行程序;这个时候

6、输入

返回结果

7、再输入淘宝镜像 npm install -g cnpm --registry=http://registry.npm.taobao.org

 

8、检查cnpm是否搭建成功

证明成功。

如果安装之后输入cnpm -v还是提示‘cnpm’不是内部指令,就根据界面提示的安装路径找到刚刚安装好的cnpm文件,一般是在C://User/XXX/AppData/cnpm的文件夹,复制整个cnpm文件夹到Node.js文件里面的node_modules文件和npm文件放在同一个目录下

然后找到下面两个文件

将其复制到该目录下

 然后就可以了。

9、输入cnpm install -g @vue/cli

安装脚手架。

成功。

10、再输入vue -V

成功

11、输入vue create +(项目名),回车就可以创建项目了。

注意:

这里博主也是经过千辛万苦找出来的,在其中遇到很多奇奇怪怪的问题,最后是彻底卸载node.js和vscode之后重新安装才成功,所以如果也是网上的报错情况与解决办法都试过还是不行的话建议卸载重装。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值