前端开发者最值得用的免费工具

前端项目很少败在框架上。它败在构建太慢、没人跑测试、打包体积悄悄膨胀,直到首页要四秒才打开。

这八个工具都免费、彼此配合得好,也是我开新项目时最先装的东西。

构建工具

Vite

开发服务器秒开,生产构建也快,几乎是所有现代前端的默认选择。

vite.dev

框架

Astro

默认不发送任何 JavaScript,用它反而很难做出一个慢的内容站。

astro.build

样式

Tailwind CSS

用原子类约束样式,项目变老时 CSS 也不会无止境地长下去。

tailwindcss.com

检查与格式化

Biome

一个二进制文件同时做 lint 和格式化,用一个快工具换掉一堆配置文件。

biomejs.dev

单元测试

Vitest

测试以毫秒计,所以大家提交前是真的会跑一遍。

vitest.dev

端到端测试

Playwright

真实浏览器里的测试,能抓到单元测试永远看不见的问题,还能回放 trace。

playwright.dev

组件工作台

Storybook

隔离开发和评审组件,一旦不止一个人碰界面就离不开它。

storybook.js.org

包体积

Bundlephobia

在安装之前就看清一个依赖要花掉多少 KB,而不是装完才发现。

bundlephobia.com

先定构建工具和 lint 工具:这两样决定了这个项目每天用起来的手感。

不只是挑工具,而是要把东西做出来?

Web 应用、API、基础设施与界面。常驻巴塞罗那的自由开发者,服务全球客户。

联系我


评论

Leave a Reply

Your email address will not be published. Required fields are marked *