Bun

指南生态系统

在 Bun 中使用 React 和 JSX

React 适用于 Bun。Bun 开箱即用地支持 .jsx 和 .tsx 文件。

请记住，JSX 只是在 JavaScript 文件中包含类似 HTML 语法的特殊语法。React 使用 JSX 语法，而 Preact 和 Solid 等替代品也使用 JSX 语法。Bun 的内部转换器在执行前将 JSX 语法转换为纯 JavaScript。

Bun 假设 您正在使用 React（除非您 另行配置），因此这样的代码行

const element = <h1>Hello, world!</h1>;

在内部转换为类似这样的内容

// jsxDEV
import { jsx } from "react/jsx-dev-runtime";

const element = jsx("h1", { children: "Hello, world!" });

此代码需要 react 才能运行，因此请确保您已安装 React。

bun install react

Bun 为 JSX 组件实现了特殊日志记录，以简化调试。

bun run log-my-component.tsx
<Component message="Hello world!" />

至于对 React 的“官方支持”，就是这样。React 是一个与其他库类似的库，而 Bun 可以运行该库。Bun 不是一个框架，因此您应该使用 Vite 等框架来构建一个具有服务器端渲染和浏览器热重载的应用程序。

有关配置 JSX 的完整文档，请参阅 运行时 > JSX。

二进制数据

将 ArrayBuffer 转换为数字数组

将 ArrayBuffer 转换为 Blob

将 ArrayBuffer 转换为 Buffer

将 ArrayBuffer 转换为字符串

将 ArrayBuffer 转换为 Uint8Array

将 Blob 转换为 ArrayBuffer

将 Blob 转换为 DataView

将 Blob 转换为 ReadableStream

将 Blob 转换为字符串

将 Blob 转换为 Uint8Array

将 Buffer 转换为 ArrayBuffer

将 Buffer 转换为 blob

将 Buffer 转换为 ReadableStream

将 Buffer 转换为字符串

将 Buffer 转换为 Uint8Array

将 DataView 转换为字符串

将 Uint8Array 转换为 ArrayBuffer

将 Uint8Array 转换为 Blob

将 Uint8Array 转换为 Buffer

将 Uint8Array 转换为 DataView

将 Uint8Array 转换为 ReadableStream

将 Uint8Array 转换为字符串

生态系统

使用 React 和 JSX

在 Bun 中使用 EdgeDB

在 Bun 中使用 Prisma

创建 Discord 机器人

在 Bun 中使用 Drizzle ORM

使用 PM2 将 Bun 作为守护进程运行

使用 Nuxt 和 Bun 构建应用程序

使用 Qwik 和 Bun 构建应用程序

使用 Astro 和 Bun 构建应用程序

使用 Remix 和 Bun 构建应用程序

使用 systemd 将 Bun 作为守护进程运行

使用 Next.js 和 Bun 构建应用程序

使用 SvelteKit 和 Bun 构建应用程序

使用 Vite 和 Bun 构建前端

使用 SolidStart 和 Bun 构建应用程序

使用 Hono 和 Bun 构建 HTTP 服务器

在 Bun 中使用 Neon 的无服务器 Postgres

使用 Elysia 和 Bun 构建 HTTP 服务器

使用 Docker 容器化 Bun 应用程序

使用 Express 和 Bun 构建 HTTP 服务器

服务器端渲染 (SSR) React 组件

使用 StricJS 和 Bun 构建 HTTP 服务器

使用 Mongoose 和 Bun 读写 MongoDB 数据

HTTP

常见 HTTP 服务器用法

热重载 HTTP 服务器

编写一个简单的 HTTP 服务器

在 HTTP 服务器上配置 TLS

使用 fetch 发送 HTTP 请求

将文件作为 HTTP 响应流式传输

使用 FormData 通过 HTTP 上传文件

在 Bun 中使用 Unix 域套接字进行 fetch

使用异步迭代器进行流式 HTTP 服务器

使用 Node.js 流进行流式 HTTP 服务器

包管理器

添加依赖项

添加 Git 依赖项

添加对等依赖项

添加 tarball 依赖项

添加受信任的依赖项

添加可选依赖项

添加开发依赖项

在 Artifactory 中使用 bun install

生成人类可读的 lockfile

使用工作区配置单仓库

以不同的名称安装包

在 GitHub Actions 中使用 Bun 安装依赖项

覆盖 bun install 的默认 npm 注册表

在 Azure Artifacts npm 注册表中使用 bun install

使用 bun install 为组织范围配置私有注册表

进程

从 stdin 读取

监听 CTRL+C

监听操作系统信号

生成子进程

解析命令行参数

从子进程读取 stderr

从子进程读取 stdout

以纳秒为单位获取进程正常运行时间

生成子进程并使用 IPC 通信

读取文件

读取 JSON 文件

检查文件是否存在

将文件读取到缓冲区

将文件作为字符串读取

获取文件的 MIME 类型

将文件读取到 Uint8Array

将文件读取到 ArrayBuffer

监视目录的更改

将文件作为 ReadableStream 读取

运行时

导入 JSON 文件

导入 TOML 文件

运行 Shell 命令

重新映射导入路径

在 Bun 中设置时区

将 HTML 文件作为文本导入

设置环境变量

读取环境变量

使用 Web 调试器调试 Bun

在 GitHub Actions 中安装并运行 Bun

为 Bun 安装 TypeScript 声明

使用 VS Code 扩展调试 Bun

定义和替换静态全局变量和常量

流

将 ReadableStream 转换为 JSON

将 Node.js Readable 转换为 JSON

将 ReadableStream 转换为 Blob

将 Node.js Readable 转换为 Blob

将 ReadableStream 转换为 Buffer

将 ReadableStream 转换为字符串

将 Node.js Readable 转换为字符串

将 ReadableStream 转换为 Uint8Array

将 ReadableStream 转换为 ArrayBuffer

将 Node.js Readable 转换为 ArrayBuffer

将 ReadableStream 转换为块数组

测试运行器

在 bun test 中模拟函数

在 bun test 中监视方法

在 bun test 中更新快照

在 Bun 中以监视模式运行测试

在 bun test 中使用快照测试

使用 Bun 测试运行器及早退出

使用 Bun 测试运行器跳过测试

从 Jest 迁移到 Bun 的测试运行器

使用 Bun 测试运行器运行测试

在 Bun 的测试运行器中设置系统时间

使用 Bun 和 happy-dom 编写浏览器 DOM 测试

使用 Bun 测试运行器为每个测试设置超时

使用 Bun 测试运行器将测试标记为“待办事项”

使用 Bun 测试运行器多次重新运行测试

使用 Bun 测试运行器设置代码覆盖率阈值

使用 Bun 测试运行器生成代码覆盖率报告

实用程序

对密码进行哈希

转义 HTML 字符串

获取当前 Bun 版本

编码和解码 base64 字符串

检查两个对象是否深度相等

检测代码何时使用 Bun 执行

获取当前文件目录

获取当前文件的文件名

将文件 URL 转换为绝对路径

使用 gzip 压缩和解压缩数据

将绝对路径转换为文件 URL

获取可执行 bin 文件的路径

休眠固定毫秒数

使用 DEFLATE 压缩和解压缩数据

获取当前文件的绝对路径

检查当前文件是否是入口点

获取当前入口点的绝对路径

WebSocket

构建一个简单的 WebSocket 服务器

为 WebSocket 消息启用压缩

构建一个发布-订阅 WebSocket 服务器

在 WebSocket 上设置每个套接字的上下文数据

写入文件

删除文件

写入 stdout

将 Blob 写入文件

将文件写入 stdout

将内容追加到文件

将字符串写入文件

逐步写入文件

将响应写入文件

将文件复制到另一个位置

将 ReadableStream 写入文件