Skip to content

使用 Bun 运行时加速 JavaScript/TypeScript 开发

解决 Node.js 生态中启动慢、包安装耗时、需要复杂编译链(如 tsc/webpack)的痛点,通过 Bun 一站式运行时实现从开发、测试到打包的极速体验。

为什么需要这个技能

传统的 JavaScript 开发链路非常碎片化:运行 TS 需要 ts-nodetsx,安装包需要 npmpnpm,测试需要 JestVitest,打包则需要 Webpackesbuild

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.jsontsconfig.json)。

bash
# macOS / Linux 安装
curl -fsSL https://bun.sh/install | bash

# 初始化项目
bun init

2. 高效包管理

使用 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.ts

4. 利用内置 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

你可能还需要

暂无推荐