Vue CLI 相关

什么Vue CLI？

• 我们可以通过Vue CLI 快速搭建开发环境以及相对应的webpack配置，对项目结构、部署、热加载等事情都可以通过Vue CLI来快速搭建。
• CLI是什么意思？

  Command-Line Interfac
  命令行界面俗称脚手架，是一个官方发布的Vue.js项目脚手架

使用Vue CLI的前提

1. 需要安装Node，要求环境8.9以上版本
2. 需要使用webpack
3. 装Vue CLI

npm install -g @vue/cli

Vue CLI的使用

1. 安装Vue脚手架-- ↑ 的命令
2. Vue CLI 初始化项目

   vue create my-project
   

Runtime-Compiler 和 Runtime-Only 的区别

• 为什么会出现这个问题呢？

  • 在脚手架初始化项目的过程中有一个选项，会让你选择这两个选项

• Vue CLI脚手架给出的解释是：
  

  Runtime + Compiler:推荐给大多数用户使用
  Runtime-only:大约会小6kb，但是Vue html模板只能用.Vue文件代替

• 而我们可以看到这两者真正能看出来的区别在main.js中体现
  

  • 可以看出两个对template的注册方式不一样，如果要讲清这个，我们就需要了解Vue程序运行的过程,看下图