• UI框架 & 基础框架建设
  • 第三方组件
  • 样式解决方案
  • 脚手架
  • 测试工具，jest + vue-test-utils
  • 构建工具 webpack & vite & rollup
  • 持续集成 travis

image.png

地图
https://processon.com/view/5abdf291e4b02cee4cfbc3c2
https://blog.csdn.net/weixin_45443931/article/details/98869214
https://github.com/sorrycc/blog/issues/85
https://blog.csdn.net/qq_40282732/article/details/110248040

技术方案设计

  1. 架构设计
  2. 页面（模板，路由），API设计
  3. 数据模型设计
  1. [
  2.   "react", 
  3.   "@emotion/css", 
  4.   "@grafana/ui", 
  5.   "react-redux", 
  6.   "@grafana/data", 
  7.   "react-router-dom", 
  8.   "@grafana/runtime", 
  9.   "redux", 
  10.   "lodash", 
  11.   "rxjs", 
  12.   "app/core/app_events"
  13. ]