我的前端技术栈
现在 AI 编程工具日新月异,极大的提升了编程效率,可以说是革命性生产力工具,尤其是对前端项目,更是如虎添翼。拥有自己的前端技术栈,我觉得还是有必要的,在自己掌控的架构内,按照自己的编程习惯,可能发挥效果更好,由于自己不是一直在写前端项目,只是偶尔写一下,过段时间都忘了如何选型,每次开始一个项目都会纠结选型,外加前端技术日新月异,在此整理记录一下,便于自己每一次前端项目选型,同时也可以随时更新这个文章。
- 整理常用的前端 UI 库,作为导航
- 整理不同项目的前端框架,UI 等选型方案
- 前端工具类库
- 灵感库导航
没有评分代表未深入使用
整理常用的前端 UI 库,作为导航
综合库
- 蚂蚁 Ant Design ⭐⭐⭐⭐⭐
- 淘宝 fusion⭐⭐⭐⭐
- 抖音 semi ⭐⭐⭐⭐
- 腾讯 TDesign
- 字节 arco
- shadcn/ui
- material-ui
图表库
TDesign 和 arco 都支持 Vue
- element ⭐⭐⭐⭐⭐
- lucide ⭐⭐⭐⭐⭐
支持 react,vue,icon font 等
https://github.com/ant-design/ant-design-pro
首选方案选择该方案,方案成熟,社区活跃,出自蚂蚁金融,该方案采用umijs+ant design
ice.js 很容易入手,属于渐进式,虽然有一系列开发工具,不过组件和模板建设不如 ant design。如果只是单纯选 react 框架,我更愿意使用 ice.js。
虽然没有成熟模板,但是 vite 确实很适合快速搞个轻量级项目,文档丰富,使用简单。稍微搞搞就可以自己搞个简单后台管理系统项目。
Starlight 是一个基于 Astro 框架构建的全功能文档主题。 Astro 非常灵活,什么都能做,但文档站点是一个特别常见的场景。所以 Astro 团队就推出了 Starlight:帮助开发者快速搭好文档站,不用自己每次造轮子
一个使用 Astro 5 和 Tailwind CSS 的免费落地页模板
暂未使用
目前选择 Vite + Tailwind CSS
我现在的官网就是这个方案:trumandu.top
记录自己常用库