一,安装前提:
- 保证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
得到如下结果即项目生成成功,我们在浏览器中输入http://localhost:8080/,即可访问我们通过vue-cli生成的项目了
四,生成的项目文件夹结构
1:根目录
src目录文件结构