Cài đặt

#Yêu cầu

• Bun 1.2+ hoặc Node.js 22+
• Chrome, Edge, Firefox hoặc Safari trên máy tính

#Tạo ứng dụng

bunx create-text-app@latest

Chọn mẫu (starter, dashboard hoặc opencode), rồi khởi động máy chủ phát triển:

cd my-appbun installbun dev

#Mở console

Truy cập http://localhost:3000 và mở console.

Trong Safari, trước tiên bật Hiển thị tính năng dành cho nhà phát triển web trong Cài đặt → Nâng cao.

Nhấp vào trang để đặt tiêu điểm, rồi gõ phím. Gắn DevTools vào cạnh dưới để có lưới rộng nhất.

#Cài đặt console

Tắt Lưu giữ nhật ký trong cài đặt console. Text.js nối thêm một thông báo cho mỗi frame và xóa console để giải phóng các frame cũ. Khi bật Lưu giữ nhật ký, DevTools bỏ qua lệnh xóa và các frame cũ tích tụ lại.

#Thiết lập thủ công

bun add @textjs/app react react-dom

{  "scripts": { "dev": "text dev", "build": "text build", "start": "text start" }}

import { Text } from "@textjs/app";export default function Page() {  return <Text className="p-1">Hello from console.log</Text>;}

#Không dùng framework

Gắn cây React bất kỳ vào console từ một trang web hiện có:

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 },);