Vuejs——前端学习日记(四)
Vue CLI
在写简单的Vue Demo程序,不需要Vue CLI;在开发大型项目的时候,是需要,且必然需要使用Vue CLI的。因为在开发大型应用时,需要考虑代码目录结构、项目结构和部署、热加载、代码单元测试等事情,如果都要手动完成这些工作会非常低效,所以通常会使用一些脚手架工具来完成这些事。
CLI是Command-Line Interface,命令行界面,俗称脚手架。Vue CLI是一个官方发布的vue.js项目脚手架,使用vue-cli可以快速搭建Vue开发环境以及对应的webpack配置,而Vue CLI使用的前提也是webpack。Vue.js官方脚手架工具就使用了webpack模版,对所有的资源会进行压缩等优化操作,而且在开发过程中提供了一套完整的功能,能使开发过程变得高效。
webpack的全局安装:
npm install webpack -g
Vue脚手架的全局安装:
npm install -g @vue/cli
Vue CLI3版本和Vue CLI4版本初始化项目的方式与Vue CLI2是不同的,但是可以通过桥接指令来拉取老版本的模版:
npm