English | 中文 | 日本語

glance-code

AI驱动开发时代的只读代码浏览器

在AI驱动开发的时代，开发者花在阅读代码上的时间比编写代码更多。当你只想浏览代码时，VS Code太重了。glance-code去掉了编辑功能，专注于真正重要的事：阅读、导航，以及为AI提供上下文。

特性

• 只读设计 — 没有编辑功能。只有浏览。这就是核心。
• @filepath 复制 — 点击任何标识符，复制 @filepath symbolName 给AI
• VS Code风格UI — 深色/浅色主题、文件树、标签页、搜索
• Markdown渲染 — GFM、Mermaid图表、MathJax公式、frontmatter表格
• 语法高亮 — 通过highlight.js支持20+种语言
• 实时刷新 — 文件变更通过SSE自动刷新
• 零配置 — npx glance-code 即可使用
• 轻量级 — 没有Electron。在浏览器中运行。
• 项目搜索 — 快速文件搜索和全文内容搜索

快速开始

# 直接使用npx（无需安装）
npx glance-code

# 或全局安装
npm install -g glance-code
glance-code

# 打开指定目录
glance-code --dir /path/to/project

# 自定义端口，不自动打开浏览器
glance-code --port 8080 --no-open

键盘快捷键

| 快捷键 | 操作 | |--------|------| | Ctrl+P | 快速文件搜索 | | Ctrl+Shift+F | 在文件中搜索 | | Ctrl+B | 切换侧边栏 | | Ctrl+W | 关闭当前标签页 | | Ctrl+Tab | 切换到下一个标签页 | | 点击标识符 | 复制 @filepath symbolName |

为什么选择 glance-code？

问题： AI替你写代码。你负责审查。但你的IDE是为编写设计的，不是为阅读设计的。

解决方案： 一个轻量级浏览器，专注做好一件事 — 让你阅读代码，并告诉AI代码在哪里。

@filepath 复制流程

1. 在glance-code中浏览项目
2. 找到函数名或类名
3. 点击 → @src/utils/parser.js parseMarkdown 被复制
4. 粘贴到 Claude / ChatGPT / Cursor
5. AI立即获得上下文

配置

glance-code [options]

Options:
  -V, --version        输出版本号
  -p, --port <number>  服务器端口（默认：3000）
  -H, --host <string>  绑定地址（默认："localhost"）
  -d, --dir <path>     文档根目录（默认："."）
  --no-open            不自动打开浏览器
  --no-watch           禁用文件监视/实时刷新
  -q, --quiet          静默模式
  -h, --help           显示帮助

许可证

MIT — Watanabe Riku