【Vue-Cli】

什么是vue-cli?

是vue.js开发标准工具。它简化了程序员基于webpack创建的Vue项目的过程

Vue-cli的使用

1.全局脚手架

npm i -g @vue/cli 

2.在终端下运行命令，创建指定名称项目

vue create xxx

3.进入文件

cd demo-first

4.运行项目

npm run serve

2.vue 项目中 src 目录的构成：

assets 文件夹：存放项目中用到的静态资源文件，例如：css 样式表、图片资源
components 文件夹：程序员封装的、可复用的组件，都要放到 components 目录下
main.js 是项目的入口文件。整个项目的运行，要先执行 main.js
App.vue 是项目的根组件。

Vue项目流程

通过main.js把App.vue渲染到index.html页面中

App.vue用来编写待渲染的模板结构

index.html中需要预留一个el区域

main.js把App.vue渲染到了index.html预留的区域中