vue脚手架项目技术集合

1. vue项目中都用到了哪些技术?

• vue2.0: 渐进式的js框架,特点是双向数据绑定和组件系统
• vue-router:vue官方的路由管理器 模块化的基于组件的路由配置
• axios: 用于发起get,post等http请求,基于promise设计
• element-ui: 饿了么UI基于vue设计的UI组件库,用于后台管理系统
• mint-ui: 为vue设计的移动端UI组件库
• echarts: 图标可视化插件(数据管理)
• vue-quill-editor: 富文本编辑器
• vue-i18n: 实现中英文切换
• vuex: vue项目的状态管理器,用于组件传值
• webpack: 模块工程打包器

2. vue项目中常用的npm命令有哪些?

• 下载资源包依赖: npm install -->简写 npm i
• 启动项目: npm run dev
• webpack打包项目(生产环境部署资源): npm run build
• 查看生产环境部署资源文件大小: npm run build --report
  • 此命令会在浏览器上自动弹出一个展示vue项目打包后app.js,manifest.js,vendor.js文件里面所包含代码的页面.可以具此优化vue生产环境部署的静态资源,提升页面的加载速度

3. vue项目如何优化首屏加载速度

• 路由按需加载(路由懒加载)
• 使用CDN外链文件代替npm安装包
• 开启Gzip压缩
• 打包生成的index.html文件里的js文件的引入方式放在body的最后

转载于:https://juejin.im/post/5cff799e5188255fa224d553