5.Vue-cli

vuecli简介VueCLI是一个官方发布的vue.js项目脚手架。使用vue-cli快速搭建Vue开发环境和相应的webpack配置。理解vuecli3vue-cli3基于webpack4构建，设计原则为“0配置”，去掉配置文件根目录下的build和config目录。vue-cli3提供vueui命令，可视化配置，更加人性化。删除了静态文件夹，添加了公共文件夹，并将index.html移至公共文件夹。安装Vue脚手架npminstall-g@vue/cliVueCLI3initializeprojectvuecreatemy-projectruncnpmrunservecompilecnpmrunbuild目录结构详细ui配置Vue的版本和vue-template-compiler的版本一直在一个-一一对应。默认使用runtime-only，自己配置新文件：vue.config.js（文件名必须是这个）以后开发需要选择Runtime-Compiler如果以后开发使用.vue文件夹，可以选择Runtime-onlyruntime-compilernewVue({el:'#app',components:{APP},template:''})runtime-onlynewVue({el:'#app',render:h=>h(App)})深入分析Vue程序运行流程runtime-compiler(v1)template->ast->render->vdom->UIruntime-only(v2)(1.更高的性能2.下面的代码更少)render->vdom->UI