什么是vue-cli
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，习惯称之为“脚手架”。 它确保了各种构建工具能够基于智能的默认配置即可平稳衔接，这样你可以专注在撰写应用上，而不必花好几天去纠结配置的问题。 与此同时，它也为每个工具提供了调整配置的灵活性，无需 eject。
vue-cli项目目录结构：
node_modules 所有的第三方包 puplic favicon.ico 网站的小图标 index 首页 src 项目的原代码 assets 静态资源 components 公共子组件目录 router 当前项目的路由文件
项目运行流程：
通过 main.js 把 App.vue 渲染到 index.html 的指定区域中 App.vue 用来编写待渲染的模板结构 index.html 中需要预留一个 el 区域 main.js 把 App.vue 渲染到了 index.html 所预留的区域中 .$mount('#app') 和 el:"#app" 作用相同
组件之间的关系：
组件在定义的时候彼此之间是独立的，不存在任何关系 在使用的时候，根据彼此之间的的嵌套关系，形成了父子关系、兄弟关系
防止样式冲突 scoped：
原理：给每一个组件添加一个 data-v-(数字) 一个组件共用一个 data-v-(数字) 每一个组件的数字
以上就是vue-cli的基本情况，以后会持续发布一些新文章，敬请关注。
