关于前端: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 启动本地服务