前端框架搭建

根据【产品、业务、后端】需求，要实现什么功能等...

1. 技术栈：框架选型【Vue、React、Angular...】

2. 初始化项目: 【以vue项目为例】脚手架工具 / 手写webpack + vue等方式

3. 根据业务需求初始化目录:

package.json
src
  asset
  components
  lib              // 公用js库
  http             // 封装ajax
  pages            // 页面组件
  routers          // 路由配置
  views            // 懒加载页面组件
  store            // Vuex目录
  service          // 修改异步返回数据格式
  ...

4. 基础路由配置

5. 引入第三方库【UI/Echarts】的方式

  1. npm包方式: 
     1.1： import全引入
     1.2 ：按需引入
  2. CDN方式 / html静态引入

6. 根据业务：抽取公用组件、js库等

7. 接口请求方式 + mock-data

  1. 真实地址 + 真实数据
  2. 真实地址 + 假数据
  3. 定义返回值：规定前端返回值格式:[mag: '', data: {}, code: 0]

8. 是否判断登录

  1. 需要：
    1.1 如何获取当前用户？怎么知道登录状态？【token?header / cookie】
    1.2 路由守卫 + ajax登录失效
  2. 不需要

9. 框架介绍 code-view + 开发规范 + 代码提交

10. 生产环境配置 + 项目发布 + 部署