《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
}