Vue CLI

Vue CLI

• Command-Line Interface，命令行界面，俗称脚手架
• Vue CLI是一个官方发布 vue.js 项目脚手架
• 使用 vue-cli可以快速搭建Vue开发环境以及对应的webpack配置

安装使用Vue CLI2脚手架

• 打开终端输入：npm install -g @vue/cli
• 检查其版本是否正确：vue --version
• 升级全局的 Vue CLI 包：npm update -g @vue/cli
• 创建项目：vue create helloWorld（项目名可更改）
• Vue CLI2初始化项目：vue init webpack helloWorld（项目名可更改）

runtime+compiler和runtime-only区别

区别在main.js

• compiler template --> ast --> -->render --> vdom -->UI

• onlyrender --> vdom -->UI

  • 性能更高
  • 代码量更少
  • 相比compiler少6kb

• 总结

  • 如果在之后的开发中，依然使用template，就需要选择Runtime-compiler
  • 如果在之后的开发中，使用的是.vue文件夹开发， 那么可以选择Runtime-only

CLI3

• vue create hello-world（项目名称可更改）
• npm run serve跑项目
• vue ui启动本地服务