初识脚手架Vue-CLI

1.1runtime-compiler 和 runtime-only 的区别

• Runtime + Compiler: recommended for most users

1. 运行时+编译器:推荐给大多数用户
2. 编译过程 template-》ast-》render-》vdom-》真实DOM

new Vue({
  el: '#app',
  components: { App },
  template: '<App/>'
})

• Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specificHTML) are ONLY allowed in .vue files - render functions are required elsewhere

1. 仅限运行时:大约比runtime-complier少6kb【少的原因是比上面少去template与ast两步骤】
2. 编译过程 render-》vdom-》真实DOM

new Vue({
  el: '#app',
  render: h => h(App)
})

补充：

ESLint:是一个ECMAScript/JavaScript 语法规则和代码风格的检查工具，它的目标是保证代码的一致性和避免错误。

可在创建时关闭检查

1.2 Vue CLI3

• 如何通过cli3创建项目

1. 安装

   npm install -g @vue/cli

2. 在要创建项目的文件夹下进入命令行

    vue create 项目名字

3. 会让你选择默认（default）还是手动（Manually）【按要求选择即可】

• 手动即选择对应想要安装的插件
•