首页 > 其他 > 详细

初识脚手架Vue-CLI

时间:2020-03-25 19:53:48      阅读:67      评论:0      收藏:0      [点我收藏+]

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. 在要创建项目的文件夹下进入命令行
    1  vue create 项目名字
  3. 会让你选择默认(default)还是手动(Manually)【按要求选择即可】

  • 手动即选择对应想要安装的插件
  • 技术分享图片

 

初识脚手架Vue-CLI

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!