Skip to content

技术选型方法论 ​

是什么 ​

选型 = 在多个候选方案里挑一个。新手常见做法是「搜一下哪个火用哪个」,这里的替代方案:一套可以复用的四步流程。

四步流程 ​

第 1 步:写清楚需求 ​

一句话格式:我要在〈什么约束〉下,解决〈什么问题〉。

例:我要在「Vue 3 + 中后台系统」的约束下,解决「表格、表单等组件不用自己造」的问题。

需求写不出来,说明还没到选型的时候。

第 2 步:列出 2-4 个候选 ​

来源:官方生态推荐 > 同类项目在用什么 > 社区口碑。候选别超过 4 个,否则评估成本失控。

第 3 步:定评估维度,逐项打分 ​

维度关键问题权重建议
维护活跃度最近一次发版多久?issue 有人处理吗?高
文档质量我能看懂官方文档吗?有中文吗?高
学习成本团队/未来的我要花多久上手?高
生态兼容和我现有技术栈(Vue 3 / Vite)冲突吗?高
社区规模出了问题搜得到答案吗?中
性能对我的场景有可感知的差异吗?视情况
颜值/体验默认样式符合我的审美要求吗?中

打分技巧

先给维度定权重,再给每个候选打 1-5 分。「维护活跃度」和「文档质量」一票否决:一个没人维护或文档看不懂的库,功能再强都别选。

第 4 步:小成本验证 ​

用候选做一个 50 行的最小 demo,跑通你最重要的那个场景。demo 会暴露文档和评分里看不见的问题(API 别扭、样式难覆盖、打包体积爆炸)。

实战示例:Vue 3 中后台组件库 ​

候选维护文档学习成本默认颜值社区结论
Element Plus⭐⭐⭐⭐⭐⭐⭐⭐⭐ 中文全⭐⭐⭐⭐ 低⭐⭐⭐ 中规中矩最大求稳首选
Naive UI⭐⭐⭐⭐⭐⭐⭐⭐ 中文全⭐⭐⭐⭐ 低(TS 友好)⭐⭐⭐⭐⭐ 清爽现代中颜值优先选它
Ant Design Vue⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐ 中⭐⭐⭐⭐大想对齐 React 团队规范时
TDesign⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐中小备选

结论示例(我,个人项目 + 在意颜值):Naive UI,验证步骤:用它的表格 + 表单搭一个 50 行的 CRUD demo。

反模式(踩过的坑写在这里) ​

三个反模式

  1. 追新:发布不满一年的库当生产依赖。等它至少有一个稳定大版本。
  2. 堆库:一个功能引一个库,最后 bundle 比业务还大。先看原生 API 能不能解决。
  3. 只看 star:GitHub star 衡量的是知名度,不是适合度。10k star 的库可能两年没更新了。