Search...Search plugins and themes...
⌘K
Sign in
  • Get started
  • Download
  • Pricing
  • Enterprise
  • Account
  • Obsidian
  • Overview
  • Sync
  • Publish
  • Canvas
  • Mobile
  • Web Clipper
  • CLI
  • Learn
  • Help
  • Developers
  • Changelog
  • About
  • Roadmap
  • Blog
  • Resources
  • System status
  • License overview
  • Terms of service
  • Privacy policy
  • Security
  • Community
  • Plugins
  • Themes
  • Discord
  • Forum / 中文论坛
  • Merch store
  • Brand guidelines
Follow us
DiscordTwitterBlueskyThreadsMastodonYouTubeGitHub
© 2026 Obsidian

Act Like VSCode

forever-utf8forever-utf8661 downloads

VS Code-style preview tabs, file-state coloring, tag badges, and nav icons for your vault.

Add to Obsidian
  • Overview
  • Scorecard
  • Updates4

English | 中文

让 Obsidian 用起来像 VS Code。 效果预览

功能

VS Code 风格的标签页

单击以预览,双击以固定。

文件浏览器着色

使用#archived标识文件在导航栏中的颜色,以突出重点关注的文档

  • 未归档显示为绿色,已归档则为灰色;
  • 目录下含有未归档笔记,显示为绿色;目录下笔记全部归档,显示为灰色;
  • 支持#done/#归档等alias

标签徽章

文件浏览器同步显示笔记内标签。

导航栏图标

极其克制的展示文件/文件夹的图标,简单但必要,没有多余选择,降低心智负担。

设置

打开 设置 → Act Like VSCode 进行配置:

  • 导航栏图标 — 开关文件与文件夹图标。
  • 标签 — 默认包含“归档”标签。每个标签一种颜色,同时作用于文件名和徽章。 效果预览

CSS 片段

个人自用风格片段,未测试与其他主题兼容性。

安装方式:将文件复制到 .obsidian/snippets/,在 设置 → 外观 → CSS 片段 中启用。

效果预览

系统要求

Obsidian 桌面端 1.8.9 或更新版本。

开发

npm install   # 安装依赖
npm run build # 类型检查 + 生产构建
HealthExcellent
ReviewCaution
About
Make Obsidian behave like VS Code with tabs that preview on single-click and pin on double-click. Color the file explorer by archive status—unarchived notes green, archived notes gray—show tag badges beside filenames, and present minimalist file/folder icons for a cleaner navigator.
InterfaceNavigationTags
Details
Current version
1.2.2
Last updated
4 months ago
Created
6 months ago
Updates
4 releases
Downloads
661
Compatible with
Obsidian 1.8.9+
Platforms
Desktop only
License
MIT
Report bugRequest featureReport plugin
Author
forever-utf8forever-utf8
GitHubforever-utf8
  1. Community
  2. Plugins
  3. Interface
  4. Act Like VSCode

Related plugins

Hover Editor

Transform the Page Preview hover popover into a fully working editor instance.

TagFolder

Show tags as folder.

Dragger

Drag and drop any block (paragraphs, headings, lists, etc.) to rearrange content like Notion.

Graph Banner

Display a local graph view to the note header

Notebook Navigator

A better file browser and calendar inspired by Apple Notes, Bear, Evernote and Day One.

Homepage

Open a note, base, or workspace on startup, or set it for quick access later.

Hider

Hide interface elements such as tooltips, status bar, titlebar, and more.

Meta Bind

Make your notes interactive with inline input fields, metadata displays, and buttons.

Breadcrumbs

Visualise the hierarchy of your vault using a breadcrumb trail or matrix view.

Tag Wrangler

Rename, merge, toggle, and search tags from the tag pane.