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、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 生产环境部署的静态资源,提升 页面 的加载速度。

想要更多了解vue-cli工程打包后.js文件详情,请阅读:vue-cli工程打包后.js文件详解

posted @ 2020-04-19 22:03  乡乡  阅读(255)  评论(0编辑  收藏  举报