搭建vue3.0脚手架心得以及一些坑

我是电脑里已经下过node和npm了,没下的去下一个,用命令检测一下是否安装成功。

node -v
npm -v

我之前用的是2.0的,所以就先用命令行删掉之前的
vuecli搭建官网教程

npm uninstall vue-cli -g

开始安装3.0

npm install -g @vue/cli

在这里我就遇到问题了,错误信息忘记截图,反正跟缓存相关吧
用下面的命令行清除掉缓存

npm cache clean --force

再次输入npm install -g @vue/cli,完成。
用vue -V查看是否安装成功,结果我又报错了
如图:
在这里插入图片描述
权限的问题,用如下命令行解决

set-ExecutionPolicy RemoteSigned 

再次查看vue版本,成功运行。
创建一个项目vue create hello-world(你的项目名称)
在这里插入图片描述
选默认配置就是直接构建项目,我选的是自定义配置
方向键上下移动,空格键选中,根据自己喜好选
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
这里我选择放到package.json
在这里插入图片描述
为了多练练手,我选了n,如果想方便的话直接y
在这里插入图片描述
本来按道理到这里就可以构建了,但是我又遇到问题了
类似于这种报错
ERROR command failed: npm install --loglevel error --registry
解决办法:
找到文件,~/.vuerc的位置:,以笔记本方式打开
"useTaobaoRegistry"原先是false,将其设置为true。
再次构建项目vue create hello-world(你的项目名称),继续走上面的流程,终于成功了

cd 项目名
npm run serve

太不容易了,我真是bug缠身体质。

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值