Vue--Vue-cli工程技术集合介绍{构建的vue-cli工程都用到了哪些技术，它们的作用分别是什么？vue-cli工程常用的npm命令有哪些？}

在这里给大家介绍一下，vue-cli工程技术

问题一：构建的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）vuex等:

一个专为vue设计的移动端UI组件库

（6）创建了一个emit.js文件:

用于vue事件机制的管理。

（7）webpack:

模块加载和vue-cli工程打包器

问题二：vue-cli工程常用的npm命令有哪些？

（1）下载node_modules资源包的命令

npm install

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

npm run dev

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

npm run build

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

npm run build --report

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