安装
创建 Text.js 应用，打开 DevTools 并配置控制台。
环境要求
- Bun 1.2+ 或 Node.js 22+
- 桌面版 Chrome、Edge、Firefox 或 Safari
创建应用
bunx create-text-app@latest选择模板（starter、dashboard 或 opencode），然后启动开发服务器：
cd my-appbun installbun dev打开控制台
访问 http://localhost:3000 并打开控制台。
| 浏览器 | macOS | Windows / Linux |
|---|---|---|
| Chrome、Edge、Arc、Brave | ⌘ ⌥ J | Ctrl Shift J |
| Firefox | ⌘ ⌥ K | Ctrl Shift K |
| Safari | ⌘ ⌥ C | 仅限 macOS |
在 Safari 中，先在“设置”→“高级”中开启“显示网页开发者功能”。
点击页面使其获得焦点，然后输入。将 DevTools 停靠在底部可获得最宽的网格。
控制台设置
在控制台设置中关闭“保留日志”。Text.js 每帧追加一条消息，并清空控制台以释放旧帧。开启“保留日志”后，DevTools 会忽略清空操作，旧帧会不断累积。
手动配置
bun add @textjs/app react react-dompackage.jsonjson
{ "scripts": { "dev": "text dev", "build": "text build", "start": "text start" }}app/page.tsxtsx
import { Text } from "@textjs/app";export default function Page() { return <Text className="p-1">Hello from console.log</Text>;}不使用框架
从现有网站将任意 React 树挂载到控制台：
main.tsxtsx
import { renderToConsole, Box, Text } from "@textjs/react";await renderToConsole( <Box className="border rounded p-1"> <Text bold>Hello, DevTools</Text> </Box>, { width: 100, height: 32 },);