anomalyco/textjs

选用指南

AI 根据 README 整理 · 2026/11/3 14:06:41

使用方式

通过命令行创建项目并启动开发服务器，应用在浏览器控制台渲染。

查看 README 依据

<div align="center"> # ▼ Text.js Text.js is a React framework for apps that render in the browser console. [Docs](https://textjs.org/docs) · [Learn](https://textjs.org/learn) · [Playground](https://textjs.org/playground) · [OpenCode](https://textjs.org/opencode) <img src="brand/share/2-console-frame.png" alt="A Text.js app rendered in the Chrome DevTools console" width="720" /> </div> ## Quick start ```bash bunx create-text-app@latest cd my-app && bun install && bun dev ```

Open [localhost:3000](http://localhost:3000) and [open the browser console](https://textjs.org/docs/installation#open-the-console). Text.js needs Bun 1.2+ or Node.js 22+ and Chrome, Edge, Firefox or Safari on desktop. ## Example ```tsx // app/page.tsx import { useState } from "react"; import { Box, Text, useInput } from "@textjs/app"; export default function Page() { const [count, setCount] = useState(0); useInput((e) => { if (e.key === "up") setCount((c) => c + 1); if (e.key === "down") setCount((c) => c - 1); }); return (

部署要求

需要 Bun 1.2+ 或 Node.js 22+，以及桌面版 Chrome、Edge、Firefox 或 Safari。

查看 README 依据

Open [localhost:3000](http://localhost:3000) and [open the browser console](https://textjs.org/docs/installation#open-the-console). Text.js needs Bun 1.2+ or Node.js 22+ and Chrome, Edge, Firefox or Safari on desktop. ## Example ```tsx // app/page.tsx import { useState } from "react"; import { Box, Text, useInput } from "@textjs/app"; export default function Page() { const [count, setCount] = useState(0); useInput((e) => { if (e.key === "up") setCount((c) => c + 1); if (e.key === "down") setCount((c) => c - 1); }); return (