20211228 前端技术选型讨论
背景
- 业务方本地化部署需求，并且需要源码
- 银行要求技术栈必须和行内统一
- 大多数银行技术栈是 Vue
议题讨论
议题1
议题描述：是否确认转Vue？
结论：确认转 Vue
议题2
议题描述：需要转哪些项目？
结论：
- 可以转的项目：
- 新项目
- 本地化项目
- SaaS中的新独立业务
- 暂不修改的项目：
- SaaS老业务（运营后台、管理后台、webapp、小程序等）
议题3
议题描述：相关技术栈选用哪些？
结论：
|
类型 |
技术 |
备注 |
||
|
Vue 相关 |
框架 |
Vue3 |
||
|
路由 |
Vue Router |
|||
|
状态管理 |
Pinia |
|||
|
SSR 相关 |
SSR |
个别业务需求 SSR |
Vue Server Renderer |
|
|
整站 SSR |
Nuxt3 |
|
||
|
项目相关 |
打包构建工具 |
Vite |
||
|
语言 |
TypeScript |
|||
|
HTTP 库 |
Axios |
|||
|
样式 |
Less |
|||
|
Windi CSS / Tailwind CSS |
待对比确定 |
|||
|
组件库 |
移动端 |
自己开发 |
||
|
PC端 |
Element UI / Ant Design |
待对比确定 |
||
|
图表 |
移动端 |
AntV |
||
|
PC端 |
Echarts |
待组件库确定后，考虑是否用 AntV |
||
|
测试 |
组件测试 |
Vue Test Utils |
||
|
公共方法测试 |
Jest |
|||
|
代码规范 |
代码格式校验 |
Prettier |
||
|
JS、TS等校验 |
Eslint |
|||
|
样式校验 |
StyleLint |
|||
|
Git 提交规范和校验 |
Git Hook 工具 |
Husky |
||
|
Git Linters 工具 |
Lint Staged |
|||
|
Git Commit Message 工具 |
Commitizen |
|||
|
Git Commit Message 校验 |
Commitlint |
|||
|
生成更新日志 |
Conventional Changelog Cli |
|||
|
开发工具 |
编辑器 |
VSCode |
||
|
扩展 |
Volar、Vetur、Prettier、Eslint、StyleLint |
|||
|
其他配置 |
接口代码生成工具 |
Yapi to TypeScript |
可选 |
|
|
代码重复率检测 |
jscpd |
可选 |
||
|
常用依赖 |
JS常用方法 |
lodash |
||
|
时间处理 |
moment |
|||
|
html转canvas |
html2canvas |
|||
|
移动端控制台 |
vconsole |
|||
|
... |
|
|||
议题4
议题描述：如何转？
待跟进项：
- 对比分析、确定第三议题中的待定项（1月7日前完成，跟进人）
- 搭建项目模板，支持新项目快速初始化
- 单体（优先，1月中旬完成，跟进人）
- 微前端（需要调研 Vite 是否可以模块联邦）
- 讨论确定目录结构
- 讨论确定代码风格、命名规范等
- 讨论是否用约定式路由
搜索
复制