初识脚手架Vue-CLI

时间:2020-03-25 19:53:48   收藏:0   阅读:67

1.1runtime-compiler 和 runtime-only 的区别

  1. 运行时+编译器:推荐给大多数用户
  2. 编译过程 template-》ast-》render-》vdom-》真实DOM
new Vue({
  el: ‘#app‘,
  components: { App },
  template: ‘<App/>‘
})

 

  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

  1. 安装
    npm install -g @vue/cli
  2. 在要创建项目的文件夹下进入命令行
    1  vue create 项目名字
  3. 会让你选择默认(default)还是手动(Manually)【按要求选择即可】

 

原文:https://www.cnblogs.com/cc123nice/p/12568595.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!