Appearance
使用 Bun 运行时加速 JavaScript/TypeScript 开发
解决 Node.js 生态中启动慢、包安装耗时、需要复杂编译链(如 tsc/webpack)的痛点,通过 Bun 一站式运行时实现从开发、测试到打包的极速体验。
为什么需要这个技能
传统的 JavaScript 开发链路非常碎片化:运行 TS 需要 ts-node 或 tsx,安装包需要 npm 或 pnpm,测试需要 Jest 或 Vitest,打包则需要 Webpack 或 esbuild。
Bun 将这些功能全部原生集成在一个二进制文件中。它不仅启动速度快(~25ms),且包安装速度比 npm 快 10-100 倍。更重要的是,它原生支持 TypeScript 和 JSX,无需配置复杂的转译步骤,极大地简化了现代前端和后端的开发流程。
适用场景
- 启动新的 JS/TS 项目,希望获得极致的开发反馈速度。
- 从 Node.js 迁移到 Bun 以优化 CI/CD 流水线中的安装和构建时间。
- 需要快速搭建高性能 HTTP 服务器或 WebSocket 服务。
- 编写轻量级脚本,无需配置
tsconfig.json即可直接运行.ts文件。
核心工作流
1. 环境安装与初始化
通过简单的 shell 命令安装 Bun,并使用 bun init 快速创建项目骨架(包含 package.json 和 tsconfig.json)。
bash
# macOS / Linux 安装
curl -fsSL https://bun.sh/install | bash
# 初始化项目
bun init2. 高效包管理
使用 bun add 代替 npm install,利用 Bun 的二进制锁文件(bun.lockb)实现秒级安装。
bash
bun add express # 安装依赖
bun add -d typescript # 安装开发依赖
bunx prettier --write . # 类似 npx,直接运行包二进制文件3. 原生运行与开发
无需编译,直接运行 .ts 文件。利用 --watch 模式实现代码保存即重启。
bash
# 直接运行 TS 文件
bun run index.ts
# 开启热重载监听
bun --watch run server.ts4. 利用内置 API 提升性能
放弃重量级的 Node.js 兼容库,直接使用 Bun 原生 API 来处理文件、服务器和数据库。
typescript
// 使用 Bun 原生 HTTP 服务器
Bun.serve({
port: 3000,
fetch(req) {
return new Response("Hello from Bun!");
},
});
// 使用 Bun 原生文件操作
const file = Bun.file("./data.json");
const text = await file.text();5. 自动化测试与构建
使用内置的 bun test 运行测试,通过 bun build 将代码打包为单文件或可执行二进制文件。
bash
# 运行所有测试
bun test
# 将 TS 编译为生产环境 JS
bun build ./src/index.ts --outdir ./dist --minify下载和安装
下载 bun-development 中文版 Skill ZIP
解压后将目录放入你的 AI 工具 skills 文件夹,重启工具后即可使用。具体路径参考内附的 USAGE.zh.md。
你可能还需要
暂无推荐