Vue CLI 是一个基于Vue.js进行快速开发的完整系统。提供了从项目的创建、管理、编码、打包、部署的整个流程。其宗旨意在合并和简化Vue应用程序和组件开发的流程。
特点
- 交互式的项目脚手架:使用@vue-cli搭建。
- 零配置原型开发: 使用@vue-cli + @vue/cli-service-global配置。
- 富有成效的现代前端工作流:集成ES、TS、PostCss、单元测试等前端开发工作流。
- 可扩展的架构:Vue-CLI是基于插件的架构设计,易于扩展。
- 图形化界面:提供图形化的用户界面,方便以图形的方式进行管理和创建项目。
系统组件
- CLI:(
@vue/cli)是一个全局安装的npm包,提供了Vue所需的命令。 - CLI服务:是一个开发环境依赖。是一个npm包,安装在由
@vue/cli创建的项目中。 - CLI插件:是一个可以提供可选功能的npm包,如ESLint集成、单元测试等。当在项目内部运行
vue-cli-service命令时,会自动解析并加载package.json中列出的所有CLI插件。
安装
Vue-cli 需要Node.js8.9或更高的版本使用,可以使用nvm进行管理多个node版本。
安装命令:
npm install -g @vue/cli
检查版本:
vue -version 或 vue -V