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启动本地服务