>[danger] 问题一:构建的 vue-cli 工程都到了哪些技术,它们的作用分别是什么? 1、vue.js:vue-cli工程的核心,主要特点是 <span style="color:#4183c4;">双向数据绑定</span> 和 <span style="color:#4183c4;">组件系统</span>。 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工程打包器。 >[danger] 问题二: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 ``` <span style="color:#4183c4;">此命令必答,可以加深面试官好感!</span> 命令效果: ![](https://box.kancloud.cn/92c53a69037ef75263feff7b2f9a083c_2706x690.jpg) 在浏览器上自动弹出一个 展示 vue-cli 工程打包后 app.js、manifest.js、vendor.js 文件里面所包含代码的页面。可以具此优化 vue-cli 生产环境部署的静态资源,提升 页面 的加载速度。 想要更多了解vue-cli工程打包后.js文件详情,请阅读:[vue-cli工程打包后.js文件详解](https://www.kancloud.cn/hanxuming/vue-iq/733863)