关于前端:Vue-CLI

7次阅读

共计 561 个字符,预计需要花费 2 分钟才能阅读完成。

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 启动本地服务
正文完
 0