六、Vue Cli

Vue CLI的使用

①安装Vue脚手架

npm install -g @vue/cli  //版式是@vue/cli 4.5.11

②拉取2.x模板

npm install -g @vue/cli-init

③Vue CLI2初始化项目

vue init webpack vuecli2test

④Vue CLI3初始化项目

vue create my-project

Vue Cli2

①runtime-compiler和runtime-only的区别
runtime-compiler步骤：templat → ast → render → vdom → UI
runtime-only：render → vdom → UI
runtime-only性能更高、代码量更少
简单总结：
* 如果在之后的开发中，你依然使用template，就需要选择Runtime-Compiler
* 如果你之后的开发中，使用的是.vue文件夹开发，那么可以选择Runtime-only
②render和template
用了render可以不用template和components
③关闭eslint语法
config→index.js→useEslint→false

Vue Cli3

//cli3的main.js
new Vue({
 render: h => h(App),
}).$mount('#app')
//el和mount没有区别意思一样，最终都会被render替换

UI方面的配置
启动配置服务器：vue ui