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

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生成的项目了