wolfsonliu/dsh-file-explorer-preview-code ↗★ 0
@dsh-external/dsh-file-explorer-preview-code
CodeMirror 6 code preview and editor for DSH Web, overriding dsh-file-explorer's plain-text preview with per-language syntax highlighting
安装
npx -p @deepseek-ai/dsh dsh plugin --profile web add github:wolfsonliu/dsh-file-explorer-preview-code说明文档
阅读完整 README ↗dsh-file-explorer-preview-code
English | 中文
DSH Web 的 CodeMirror 6 代码预览与编辑器,基于 codemirror(basicSetup)+ @codemirror/language-data(按语言高亮)+ @codemirror/theme-one-dark(深色主题)构建。它以优先级 10 覆盖 dsh-file-explorer 内置的纯文本预览(优先级 0),为代码文件提供按语言区分的高亮,以及支持自动保存的就地编辑。
截图
| 深色主题 | 浅色主题 |
|---|---|
![]() | ![]() |
功能
- 语法高亮:通过
@codemirror/language-data按文件名解析语言(约 90 种),.ts/.tsx/.js/.jsx/.json/.css/.html/.py/.yaml/.yml/.toml/.sh/.go/.rs/.java/.c/.cpp/.h/.xml/.sql/.ini等都能得到正确的着色。 - 就地编辑:预览框是真正的 CodeMirror 编辑器(行号、撤销/重做、软换行),而非只读的
。 - 自动保存:停止输入 500ms 后自动保存,
Ctrl/Cmd+S立即保存。 - 保存状态栏:底部细栏显示语言、
Ln/Col光标位置与保存状态(未保存 / 保存中… / 已保存 / 保存失败),并提供手动保存按钮。 - 主题感知:高亮实时跟随 DSH 的深色/浅色切换(
data-ds-dark-theme)。 - 可扩展设计:通过
fileExplorer服务注册,不改动核心文件浏览器。

