02.vuejs cli3 命令行安装

适宜人群

vuejs 有一定基础，想要进阶的同学

课程说明

从架构的角度出发，让你的vuejs项目更优雅一些

课程大纲

vuejs cli3 介绍

• 环境搭建
• 新增特性说明

vuejs 编辑器环境配置

• 推荐插件 vue peek Vetur * vue-snippets
• eslint 环境 配置
• 浏览器插件，调试工具
• 编写自己的语法片段

项目基础配置

• 编辑器统一配置代码风格
• 别名设置，免去写相对路径烦恼
• 项目内设置设置自动国内镜像下载依赖
• 集成 polyfill 配置，兼容低版本浏览器
• 代理，本地开发代理

eslint规则详解

• eslint常用配置、让团队风格保持一致

style样式处理

• 引入stylus处理 loader
• 集成 css modules

request请求封装处理（axios，fetch）

• request 统一处理前缀
• 定义错误常量
• request 上游拦截，状态，并且记录异常信息
• 每次请求自动增加时间戳防止请求缓存
• 弱网环境自动重试

vuex 状态管理

• vuex modules 集成配置

代码复用

• 构建自己公司的ui库，让多个业务复用ui组件
• 使用包管理的方式，分离函数功能库，让你的代码复用到极致。

性能优化

• 自定义代码分块提高性能
• 异步路由

环境配置

• 开发、测试、预发布、生产环境 优雅配置
• 设置 开发、测试、预发布、生产环境 的基础api 请求host地址

异常错误，监控系统搭建与配置

• sentry搭建 配置
• vuejs 集成sentry sdk
• 配置集成日志系统

代码打包

• 代码build打包后，自动发布到cdn服务
• 配置代码引入 cdn 静态文件

项目部署

• jenkins系统搭建
• 编写jenkins发布脚本
• 编译后代码分发到多台服务器
• nginx环境配置、反向代理
• 域名解析