多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
## 一、概述 Vue cli是一个基于 Vue.js 进行快速开发的完整系统,是Vue.js 开发的标准工具,可以提供: 1. 通过 @vue/cli 搭建交互式的项目脚手架; 2. 通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型开发; 3. 一个运行时依赖 (@vue/cli-service),该依赖: * 可升级; * 基于 webpack 构建,并带有合理的默认配置; * 可以通过项目内的配置文件进行配置; * 可以通过插件进行扩展; * 一个丰富的官方插件集合,集成了前端生态中最好的工具; * 一套完全图形化的创建和管理 Vue.js 项目的用户界面; ## 二、构成 Vue cli有几个独立的部分: CLI @vue/cli CLI 服务 @vue/cli-service CLI 插件 @vue/cli-plugin-或vue-cli-plugin- ## 三、创建项目 ``` vue create hello-world ``` ![](https://img.kancloud.cn/e8/1b/e81b364ff5f7439a169e80fca88843e1_677x443.png) 或基于webpack模板: ``` vue init webpack rayapp ``` ![](https://img.kancloud.cn/da/f0/daf08789fbd2fc3258eec62e6d772322_1045x523.png) 还可以基于ui的方式: ![](https://img.kancloud.cn/21/ba/21babd6a3da0b4ff462b5b5c86704309_412x84.png) ![](https://img.kancloud.cn/08/60/0860212449df5893bff4ed8814486662_1366x736.png) ![](https://img.kancloud.cn/e3/f6/e3f62b59915495f3f3d3172a8725ddf9_1366x736.png)