vue-cli简介Cli（Command-Line interface），即命令行界面，俗称脚手架，大型的前端开发框架如

Cli（Command-Line interface），即命令行界面，俗称脚手架，大型的前端开发框架如react、vue都有自己的官方CLI，CLI可以帮助开发者搭建开发环境并且配置webpack

传统意义上的脚手架

cli需要对webpack进行配置，而webpack是基于node.js的一个工具，故CLI需要依赖node.js

以vue举例，目前脚手架默认为Vue CLI3,安装命令如下（在已经安装node.js和webpack的前提下）

npm install -g@vue/cli

安装完脚手架便可以着手搭建项目框架了。

vue create <项目名称> //vue-cli 3创建项目
vue init <项目名称>   //vue-cli 2创建项目

eslint的使用：在最开始的构建中可以选择是否使用eslint；在config文件夹中的index.js中找到useEslint,将其值设置为false便可关闭

vue的实际运行过程如下图：

使用runtime+compiler将会完整的走完template->ast->render->virtual dom->ui 而使用runtimeonly只进行render->virtual dom->ui操作，他们的唯一区别就是main.js函数

runtimeonly相对于runtime+compiler更加轻量、效率也更高。其中render:h=>h(App)，等价于render:function(h){return h(App)}

h相当于是createElement,使用该函数相当于生成了一个组件，通过该方法，使最终挂载的

替换为createElement生成内容

之所以可以直接使用render函数，是因为之前传入的组件App已经经过编译，内部不存在template。

console.log(App)后的结果

而之前的.vue文件是由先前安装好的vue-template-compiler解析成render函数(vue-loader用于加载.vue文件、vue-template-compiler用于解析.vue文件).

3.x版本的脚手架相较于2.x版本，文件目录更加简洁，删除了配置文件的文件夹，取而代之的是通过可视化编辑，通过命令 vue ui唤出可视化编辑端

可以通过Vue项目管理器对项目进行配置的改变、以及创建新的项目。我们导入已经创建好了的项目

在仪表盘的左侧可以查看与管理插件、依赖、配置，也可以才这里添加所需要的依赖、插件、配置。如果想要修改其他配置，可以在最高层文件夹中添加vue.config.js文件，并在其中进行配置的填写。