vscode CookBook
1.常用快捷键
以下是 VS Code 最常用的快捷键(Windows/Linux 版为主,macOS 版在括号中注明):
- 基础操作
• 打开命令面板:Ctrl+Shift+P(macOS:Cmd+Shift+P)
• 快速文件切换:Ctrl+P(macOS:Cmd+P)
• 新建文件:Ctrl+N(macOS:Cmd+N)
• 保存文件:Ctrl+S(macOS:Cmd+S)
• 关闭当前标签:Ctrl+W(macOS:Cmd+W)
- 编辑与光标操作
• 多光标模式:
• 按住 Alt(macOS:Option)点击任意位置。
• 选中所有相同内容:Ctrl+F2(macOS:Cmd+F2)。
• 格式化代码:Shift+Alt+F(macOS:Shift+Option+F)
• 上下移动整行:Alt+↑/↓(macOS:Option+↑/↓)
• 复制整行:Shift+Alt+↑/↓(macOS:Shift+Option+↑/↓)
- 查找与替换
• 全局搜索:Ctrl+Shift+F(macOS:Cmd+Shift+F)
• 当前文件搜索:Ctrl+F(macOS:Cmd+F)
• 替换:Ctrl+H(macOS:Cmd+H)
- 终端与调试
• 打开终端:Ctrl+(macOS:Cmd+)
• 调试:F5(开始调试),Shift+F5(停止调试)
- 分屏与标签管理
• 分屏:Ctrl+\(macOS:Cmd+\)
• 切换标签:Ctrl+Tab(macOS:Ctrl+Tab)
• 关闭所有标签:Ctrl+K W(macOS:Cmd+K W)
- 代码导航
• 跳转到定义:F12(macOS:F12)
• 查看定义预览:Alt+F12(macOS:Option+F12)
• 返回上一位置:Alt+←(macOS:Ctrl+-)
- 其他实用快捷键
• 开关侧边栏:Ctrl+B(macOS:Cmd+B)
• Zen模式(无干扰模式):Ctrl+K Z(macOS:Cmd+K Z)
• 重新打开关闭的标签:Ctrl+Shift+T(macOS:Cmd+Shift+T)
在 VS Code 中,跳转到指定行号的快捷键是:
• Windows / Linux:Ctrl + G
• macOS:Cmd + G
输入后会弹出一个输入框,直接输入行号(如 42),然后回车即可跳到对应行。
补充:其他相关跳转快捷键
• 跳转到某文件并定位行号:
Ctrl + P(macOS:Cmd + P),然后输入 文件名:行号(如 app.js:42)。
• 跳转到某符号(函数/变量):
Ctrl + Shift + O(macOS:Cmd + Shift + O)。
在 VS Code 中,快速在花括号 {} 之间跳转的快捷键是:
• Windows / Linux:
Ctrl + Shift + \
• macOS:
Cmd + Shift + \
使用场景:
• 当光标位于一个花括号({ 或 })上时,按下该组合键会跳转到与之匹配的另一半花括号。
• 适用于快速在代码块的开始和结束之间切换,尤其在嵌套结构多的情况下非常方便。
补充技巧:
• 如果记不住快捷键,可以:
- 按 Ctrl + Shift + P(macOS:Cmd + Shift + P)打开命令面板。
- 输入 Go to Bracket 或 跳转到括号,即可手动触发该功能。
自定义快捷键
• 按 Ctrl+K Ctrl+S(macOS:Cmd+K Cmd+S)打开快捷键设置,可自定义所有按键。
提示:记不住快捷键?按 Ctrl+Shift+P 输入 keyboard shortcuts 查看完整列表!
2.修改tab菜单颜色
在setting.json里添加配置:
"workbench.colorCustomizations": {
// --- 方案A:为激活的标签添加一个彩色的顶部边框 (最推荐,简洁又醒目) ---
"tab.activeBorderTop": "#00aaff", // 设置一个明亮的颜色,例如蓝色
// --- 方案B:修改激活标签的背景色 ---
// "tab.activeBackground": "#282c34", // 设置一个比其他标签稍亮的背景色
// "tab.inactiveBackground": "#21252b", // 将未激活的标签背景设置得更暗一些
// --- 方案C:修改激活标签的文字颜色 ---
// "tab.activeForeground": "#ffffff", // 将激活标签的文字设为纯白,更突出
// "tab.inactiveForeground": "#888888", // 将未激活的标签文字设为灰色
// --- 组合效果:组合A、B、C,达到最强烈的视觉反差 ---
"tab.activeBorderTop": "#ffc600", // 亮黄色顶部边框
"tab.activeBackground": "#3a3d41", // 激活标签背景更亮
"tab.inactiveBackground": "#21252b", // 非激活标签背景更暗
"tab.activeForeground": "#ffffff", // 激活标签文字为白色
"tab.inactiveForeground": "#999999" // 非激活标签文字为灰色
}