我是电脑里已经下过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缠身体质。