当前位置: 移动技术网 > IT编程>网页制作>CSS > vue-cli脚手架自动生成项目

vue-cli脚手架自动生成项目

2018年12月10日  | 移动技术网IT编程  | 我要评论
vue-cli脚手架自动生成项目

一,安装前提: 保证node版本在8.0以上,node -v查看node版本 全局安装:npm install -g @vue/cli

二,生成项目:

项目目录最好不要出现中文

vue create my-project; (my-project要生成的项目名自定义)

若安装过程中出现如下报错:(无错则忽略此条)

unexpected end of json input while parsing near '...egistry.npmjs.org/@vu'

解决办法:

1:npm install --registry=https://registry.npm.taobao.org --loglevel=silly

2:npm cache clean --force

上两步完成之后从新执行vue create my-project指令重新生成

三,安装完成运行程序

1:安装完成后在当前文件目录下输入指令cd my-project 进入项目根目录

2:在项目根目录输入npm run serve

得到如下结果即项目生成成功,我们在中输入https://localhost:8080/,即可访问我们通过vue-cli生成的项目了

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网