Home在线笔记

上传或选择Markdown文件,实时查看解析后的HTML效果

登录

文件上传 ▼

📄

拖放Markdown文件到此处,或点击上传

上传路径:

Manual目录中的文件 ▼

专题目录 ▶

《Vs code 配置文件》预览

文档样式:

简化vs code界面

Windows 版配置:vscode-settings-windows.json(JSONC,带注释,可直接整份使用)。

怎么用(Windows)
文件放到:C:\Users\<你的用户名>\AppData\Roaming\Code\User\settings.json
(或 Ctrl+Shift+P → Preferences: Open User Settings (JSON),把内容贴进去;文件是 JSONC,注释会被正常识别)

打开任意 .md 文件,标签行右侧就会出现「书本 / 分栏」预览按钮。

配置里的关键几条

设置 作用
window.titleBarStyle: "custom" + window.menuBarVisibility: "hidden" 合成单行标题栏、去掉菜单栏(截图顶部没有「文件 编辑 视图」)
window.commandCenter: true 标题栏正中那个搜索框
workbench.layoutControl.* 标题栏右侧分栏/面板小图标
window.zoomLevel: 1 + editor.fontSize: 14 截图那种偏大的字与 UI(嫌大改成 0)
files.eol: "\r\n" + files.encoding: "utf8" 状态栏显示 CRLF / UTF-8,与截图一致
breadcrumbs.* 标签下方 路径 › 标题 那行导航
editor.fontFamily: Consolas… Windows 默认等宽字体;注释里给了 Cascadia Code / JetBrains Mono 的替代写法

setting.json

{
  // ============================================================
  //  Windows 版 VS Code 设置 —— 复刻截图的界面外观
  //  放置位置:%APPDATA%\Code\User\settings.json
  //  即 C:\Users\<你的用户名>\AppData\Roaming\Code\User\settings.json
  //  打开方式:Ctrl+Shift+P → "Preferences: Open User Settings (JSON)"
  //  说明:该文件为 JSONC,允许 // 注释,VS Code 直接认。
  // ============================================================

  // ---------- 1. 主题与整体观感 ----------
  "workbench.colorTheme": "Dark Modern",
  "window.zoomLevel": 1, // 整体放大一档,接近截图那种大字。觉得太大改成 0
  "window.autoDetectColorScheme": false,

  // ---------- 2. 标题栏 / 菜单栏(截图最关键的三条) ----------
  "window.titleBarStyle": "custom", // 菜单+标题+标签合成一行
  "window.menuBarVisibility": "hidden", // 完全隐藏菜单栏,与截图一致
  // 想保留"按 Alt 临时唤出菜单":把上面一行改成 "toggle"
  // 想收成侧边栏顶部的汉堡按钮:改成 "compact"
  "window.commandCenter": true, // 标题栏正中间的搜索框(截图里的 notes)
  "workbench.layoutControl.enabled": true, // 标题栏右侧的分栏/面板小图标
  "workbench.layoutControl.type": "both",

  // ---------- 3. 编辑器 ----------
  "editor.fontSize": 14,
  "editor.fontFamily": "Consolas, 'Courier New', monospace",
  // 想要更"现代"的字体可换成:"Cascadia Code, Consolas, monospace" 或 "JetBrains Mono, Consolas, monospace"
  "editor.fontLigatures": false,
  "editor.minimap.enabled": true, // 截图右侧那条缩略图;不想要改成 false
  "editor.lineHeight": 0, // 0 = 自动,跟随字号
  "editor.unicodeHighlight.nonBasicASCII": false,
  "editor.unicodeHighlight.ambiguousCharacters": false,
  "editor.unicodeHighlight.allowedLocales": { "_os": true, "zh-hans": true }


  // ---------- 4. 面包屑与标签 ----------
  "breadcrumbs.enabled": true, // 标签下方的 路径 › 标题 导航
  "breadcrumbs.filePath": "on",
  "breadcrumbs.showFiles": true,
  "workbench.editor.showIcons": true, // 标签页显示 Markdown 等文件图标
  "workbench.editor.tabActionLocation": "right",

  // ---------- 5. 状态栏(截图右下角那串信息) ----------
  "files.encoding": "utf8", // 状态栏显示 UTF-8
  "files.eol": "\r\n", // 状态栏显示 CRLF(Windows 默认就是它)
  "files.autoGuessEncoding": false,
  "workbench.statusBar.visible": true,

  // ---------- 6. 保持界面干净(可选) ----------
  "workbench.startupEditor": "none",
  "workbench.tips.enabled": false,
  "workbench.activityBar.location": "default",
  // 想彻底藏掉左侧整条活动栏:改成 "hidden"(⌘/Ctrl+Shift+E 等快捷键仍可用)
  "explorer.confirmDragAndDrop": false,
  "editor.hover.delay": 300,
  "workbench.editor.enablePreview": false
}