二、vue-cli 工程技术集合介绍

用于构建vue的 vue-cli 工程都到了哪些技术，它们的作用分别是什么？

1、vue.js：vue-cli工程的核心，主要特点是 双向数据绑定 和 组件系统。

2、vue-router：vue官方推荐使用的路由框架。

3、vuex：专为 Vue.js 应用项目开发的状态管理器，主要用于维护vue组件间共用的一些 变量 和 方法。

4、axios（ 或者 fetch 、ajax ）：用于发起 GET 、或 POST 等 http请求，基于 Promise 设计。

5、vux等：一个专为vue设计的移动端UI组件库。

6、创建一个emit.js文件，用于vue事件机制的管理。

7、webpack：模块加载和vue-cli工程打包器。

vue-cli 工程常用的 npm 命令有哪些？

下载 node_modules 资源包的命令：

npm install

启动 vue-cli 开发环境的 npm命令：

npm run dev

vue-cli 生成 生产环境部署资源 的 npm命令：

npm run build

用于查看 vue-cli 生产环境部署资源文件大小的 npm命令：

npm run build--report

命令效果：

在浏览器上自动弹出一个 展示 vue-cli 工程打包后 app.js、manifest.js、vendor.js 文件里面所包含代码的页面。可以具此优化 vue-cli 生产环境部署的静态资源，提升 页面 的加载速度。