vue cli 3.0 安装教程

本文详细介绍了使用@vue/cli全局安装及创建Vue项目的步骤,针对安装过程中遇到的错误提供了具体的解决方案,包括清理npm缓存,并指导如何手动配置项目,选择模块、预编语言、eslint等。

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

		// 全局安装@vue/cli
		npm install -g @vue/cli
		// 创建项目
		vue create my-project

我在安装这个第一步的时候会报错下面我把错列举在下面

 ERROR  command failed: npm install --loglevel error --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist

这个错他写了要安装后面的一个淘宝的镜像但是我安装了之后并不管用,后来我查看别的博客有说是需要清理npm的一个缓存下面我把解决方法写在下面

sudo npm cache clean --force

就这个来清理npm然后在运行上面的第一行命令;
然后运行命令完成他会生成一个选项的一个东西下面截图以使自己记录;
1、第一个是选择手动配置还是自动配置建议选择手动配置也就是Manually,第一个是我已经生成过的一个可以忽略;
在这里插入图片描述
2、第二步就是选择自己要在vue项目中使用到的一些模块和功能上下键移动空格选中,选中完毕之后回车跳到下一步;
在这里插入图片描述
3、第三步是为你的css选择一个预编语言我一般使用less所以勾选less回车;
在这里插入图片描述
4、第四步是eslint选第一个就可以了这没啥说的;
在这里插入图片描述
5、这里选择生成独立的配置文件,下面的选项是集成在package.json里面去
在这里插入图片描述
6、第六步是否保存你的配置,刚刚在第一页的那个就是我保存的自己的配置,如果保存配置下一次进来的时候可以直接选择配置生成vue项目,如果不保存到时候可以按照自己需要生成都可以;
在这里插入图片描述
这一步回车之后就会自己生成项目,
项目生成中·········
在这里插入图片描述
生成完成;
在这里插入图片描述
然后cd 进入文件夹内 npm run serve 就可以启动你的vue项目了!!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值