Skip to content

Repository files navigation

Jotter

English | 中文

Jotter 是一个在线运行 JavaScript / TypeScript 代码的草稿纸。写一段代码,点一下运行,立刻在右侧 Console 看到输出。

特性

特性 说明
即时运行 代码跑在独立 Web Worker 里,不卡界面;支持顶层 awaitwhile (true) 也能一键终止。
Monaco 编辑器 VS Code 同款编辑器,带语法高亮、自动补全和 TypeScript 类型检查。
本地文件系统 通过浏览器文件系统 API 打开本地文件夹,在侧边栏里浏览目录树,编辑、保存、重命名、删除文件,也能导入或下载单个文件。
内置 Demo 自带一组可直接运行的示例片段,可一键存到本地再改。
双语文案 界面支持中英文,默认跟随系统,顶栏随时切换。

说明:Jotter 是代码草稿纸,只运行 JavaScript / TypeScript 并展示 Console 输出,不是 HTML / CSS 实时预览器。

技术栈

React · TypeScript · Web Worker · Vite · Monaco Editor · shadcn/ui(Radix + Tailwind)

环境要求

  • Node.js(推荐使用较新的 LTS 版本)
  • pnpm(本仓库通过 packageManager 固定为 pnpm@10.20.0

安装依赖

pnpm install

本地运行

pnpm dev

然后在浏览器中打开终端输出的地址(默认 http://localhost:5173/)。

构建与检查

pnpm build   # 类型检查 + 生产构建(产物在 dist/)
pnpm lint    # 代码检查(--max-warnings 0,任何告警都会失败)

在线体验

在线地址:playground.deore.me

Jotter 界面预览

Releases

Packages

Used by

Contributors

Languages