vscode使用快捷键
vscode快捷键学习
以下为学习过程中的极简提炼笔记,以供重温巩固学习
学习路线&目的
- 知道有这么多可以给你在码代码时提高效率的快捷键
- 掌握各种快捷键,如何使用,什么时候使用
- 记住
软件准备
- 装好,打开vscode
vscode工具快捷键有哪些
按键 | 说明 |
---|---|
ctrl +n | 新建文件 |
ctrl +s | 保存 |
ctrl +, | 设置 |
ctrl +h | 查找 |
alt +h | 查看当前文档的git history |
ctrl ++/- | 缩放窗口 |
ctrl +shift +x | 打开插件 |
vscode编辑快捷键有哪些
按键 | 说明 |
---|---|
光标起始停留位置 +shift +alt + 点击新位置 | 多行编辑光标 |
滚轮点击+拖动 | 多行编辑光标 |
光标起始停留位置 +ctrl +c | 直接复制当前光标所在行 |
光标起始停留位置 +shift + 鼠标点击新位置 | 直接选中光标停留位置与鼠标点击的新位置之间区间 |
鼠标涂中选中代码,按住键盘alt + 小键盘箭头上下 | 移动所选中的代码片段 |
鼠标涂中选中代码,按住键盘shift + 小键盘箭头上下 | 增加/减少所选中的代码片段 |
鼠标涂中选中代码/光标所在行,按住键盘shift + alt + 小键盘箭头上下 | 复制鼠标涂中选中代码/光标所在行 |
多个光标所在行,按住键盘ctrl + 小键盘右箭头 | 转到多行单词的右侧 |
alt +ctrl +上/下箭头 | 添加多个光标同时编辑 |
alt +shift +上/下箭头 | 往光标上/下快速复制光标所在行 |
鼠标左键双击 | 快速选定整个单词 |
back | 光标左删除 |
delete | 光标右删除 |
ctrl +l | 光标所在行单行全选 |
ctrl +d | 在选定单词后,快速选定多个相同单词 |
ctrl +g + 输入行号 | 光标快速跳转到某行 |
tab | 缩进 |
shift +tab | 反向缩进 |
shift +/ | 不论当前语言,直接注释光标所在行 |
选中文字 +ctrl +[ | 快速对齐 |
输入法在英文状态下 + 鼠标选定某单词/段落 + 反引号/引号/双引号/尖括号/方括号/大括号/小括号 | 直接前后套号 |
按下键盘Ins,竖线光标变成灰色方块 | 直接以覆盖光标后的文字方式写入 |
光标停留+按下键盘fn键和ctrl之间的context menu键(中文称做“上下文菜单键”或“右键菜单键”) | 以光标所在位置鼠标右键 |
备注:在vscode等大多数其他编辑软件,选中文字再输入成对符号中的左侧符号,即可包裹选中文字 注意:需要输入法在英文键盘下,中文键盘无此效果
vscode编译器功能
格式化代码: 在 管理>设置>文本编辑器>格式化
vscode超出可视区域自动换行: 在 视图>自动换行 view(菜单栏的查看按钮(V))>word warp 快捷键:alt+z
Vscode 快速格式化代码: shift+alt+f
缩略图
在 VSCode 中显示代码缩略图
在 Visual Studio Code (VSCode) 中,代码缩略图(minimap)是一种非常有用的功能,它可以在编辑器的右侧显示代码的缩略图,帮助你快速浏览和定位代码。以下是如何在 VSCode 中启用和配置代码缩略图的步骤。
启用代码缩略图
打开设置:在 VSCode 中,点击左上角的“文件”菜单,然后选择“首选项”,再选择“设置”
搜索 minimap:在设置界面的搜索栏中输入“minimap”。
启用缩略图:找到“Editor: Minimap”选项,并勾选“Enabled”复选框
快捷键启用/禁用缩略图
你也可以使用快捷键来快速启用或禁用代码缩略图:
按下 Ctrl+Shift+P 打开命令面板。
输入 minimap 并按回车,每次执行该命令都会在启用和禁用之间切换
调整缩略图大小
如果你觉得默认的缩略图大小不合适,可以通过以下步骤调整:
打开设置:同样地,进入“文件” -> “首选项” -> “设置”。
搜索 minimap size:在搜索栏中输入“minimap size”。
调整宽度:找到“Editor: Minimap Size”选项,可以设置为 fit、fill 或 proportional,根据你的需要选择合适的选项
通过以上步骤,你可以在 VSCode 中轻松启用和配置代码缩略图,提高代码浏览和编辑的效率。
vscode插件
插件名称 | 说明 | 使用 |
---|---|---|
Chinese | 汉化 | ctrl +shift +p 或在顶上搜索框 > 然后输入language设置 回车切换 |
AutoRenameTag | 双标签修改其一自动同步标签对修改 | 安装并启用插件 |
vscode多行编辑
按键 | 说明 |
---|---|
光标起始停留位置 +ctrl +c | 直接复制当前光标所在行 |
光标起始停留位置 +shift + 鼠标点击新位置 | 直接选中光标停留位置与鼠标点击的新位置之间区间 |
光标起始停留位置 +shift +alt + 点击新位置 | 多行编辑光标 |
滚轮点击+拖动 | 多行编辑光标 |
vscode小技巧
搜索指定文本/字符:用鼠标光标点击拖选涂中,然后按 ctrl+f 即可搜索涂中的指定文本/字符
Windows系统剪贴板: win + v
移动代码片段:鼠标涂中选中代码,按住键盘alt,然后小键盘箭头上下,即可移动所选中的代码片段
多行操作技巧:见045-小兔鲜首页-拆分模块组件-局部注册.mp4中的12分钟附近,后续做成gif动态图
vscode输入方法时,显示路径提醒,此时回车,会自动补全该方法名,并导入该方法
vscode代码折叠
下面是在VS Code中折叠代码的几种常用操作方法:
折叠单行代码块: – 将鼠标移动到代码行的行号上,点击行号的左侧空白处,即可折叠该行代码。 – 使用快捷键 Ctrl + Shift + [ 方式快速折叠当前光标所在行的代码。
折叠多行代码块: – 将鼠标移动到代码行的行号上,点击行号的左侧空白处,按住鼠标左键向下拖动,选择需要折叠的代码块,松开鼠标左键,即可折叠选中的多行代码。 – 使用快捷键 Ctrl + K, Ctrl + [,快速折叠当前代码块。
折叠所有代码块: – 使用快捷键 Ctrl + K, Ctrl + 0,可以折叠所有的代码块。
折叠指定深度的代码块: – 将鼠标移动到代码行的行号上,点击行号的左侧空白处,按住鼠标左键向下拖动,选择需要折叠的代码块,松开鼠标左键,然后使用快捷键 Ctrl + K, Ctrl + 2可以折叠指定深度的代码块。
展开折叠的代码块: – 将鼠标移动到代码行的行号上,点击行号的左侧空白处,即可展开折叠的代码块。 – 使用快捷键 Ctrl + K, Ctrl + J,可以展开所有的代码块。
Ctrl+中括号快速对齐
Ctrl+d 复制这一行并粘贴到下一行
Ctrl shift 上下 复制行放上下
back左删除delete右删除,ins代替性输入
HTML超链接语法,末尾加反斜杠,用于取消网站重定向
在vscode中,鼠标选中方法函数的调用(如鼠标悬浮在
getHistoryList()
上) - 右键转到引用/shift + f12:查看同样引用了这个方法的地方,以及引入的情况 - 右键转到定义/f12:在当前页面下,展开这个方法的逻辑定义,可编辑 - 右键转到实现/ctrl + f12:打开写着这个方法的逻辑定义的文件在vscode中,鼠标悬停于方法上,能看到方法的使用介绍

其他小工具
Snipaste 是一个简单但强大的截图工具,也可以让你将截图贴回到屏幕上. 常用快捷方式:
- F1 可以截图. 同时测量大小, 设置箭头 书写文字等
- F3 在桌面置顶显示
- 点击图片, alt 可以取色 (按下shift 可以切换取色模式)
- 按下esc 取消图片显示
使用中学习
我 说: vscode当光标停留在一个拼接词时,按ctrl+d只能选中这个拼接词中的光标所在的一个单词,如何选中整个拼接词呢,实际上vscode是有一个选中的提示的,但不知道如何确认这个选中,你能介绍下吗
ChatGPT 说: 你说的这种情况,在 VS Code 中确实存在,尤其是在处理诸如 myVariableName、some_long_name、file-name-with-dashes 这类 拼接词(复合词) 时:
🧠 VS Code 的行为理解 当你按住 Ctrl + D(或 macOS 下 Cmd + D)时,VS Code 的默认行为是选择当前光标下的“词”,但这个“词”是按语义拆分的,例如:
myVariableName → 会将 my、Variable、Name 视为 3 个词;
some_long_name → 会将 some、long、name 视为 3 个词;
file-name → 分为 file 和 name。
所以你按 Ctrl+D 时,默认只选中一个子词。
而你说的“提示选中”其实是 VS Code 内部对整个拼接词的识别,当你双击选中它或某些扩展激活时,VS Code 会以淡蓝色虚线高亮这个词,但它并不是你真正“选中”的部分,只是一个参考提示。
✅ 如何选中整个拼接词 方法一:手动选择整个变量 最笨也最直接的方法:
将光标放到词上,按住 Ctrl + Shift + → 或 Ctrl + Shift + ←(Windows/Linux)
或 Option + Shift + → / ←(macOS)
可以逐词扩展选择。
方法二:使用快捷键扩展选区(官方支持) Windows/Linux:Ctrl + Shift + → / ←
macOS:Option + Shift + → / ←
如果你连续按两次,就能选中整个 camelCase 或 snake_case。
方法三:使用扩展增强选择体验(推荐) 你可以安装扩展,让 Ctrl+D 自动选中整个拼接词。
示例扩展: Select By
CamelCase Navigation
Sublime Text Keymap(模仿 Sublime Text 的词选择方式)
方法四:使用内置的“扩展选择”功能 将光标放到词上。
按:
Shift + Alt + →(Windows/Linux)
Ctrl + Shift + Cmd + →(macOS)
这可以逐步扩展选区,从“词” → “句” → “块”。
你也可以绑定自己的快捷键来快速选中完整的 camelCase 或 snake_case。
✅ 高亮提示的确认方法(你提到的“选中提示”) VS Code 中对变量的“淡蓝色虚线高亮”其实是**“Word Highlighting”**,当你光标停在变量上,编辑器会自动高亮该词在文件中的所有其他出现位置。
但这个不是实际的“选择”,所以不能用 Ctrl + D 来“确认”。你需要:
手动按 Ctrl + D 多次将每个子词都选中;
或使用 扩展选择功能、扩展插件 实现一次性选中整个词。
需要我为你写一个适合 VS Code 的自定义快捷键来一次选中整个拼接词吗?
您说:
vscode中,单机一个文件是直接将当前编辑窗口切换为新点击的文件了,双击才是新增打开编辑 我想调换一下交互方式,单击是新打开,双击才是切换,该如何操作呢
ChatGPT 说:
你想要的交互行为是:
单击文件时 ➜ 在新标签页中打开(不覆盖当前活动文件)
双击文件时 ➜ 切换为“预览模式”,或者不影响当前打开状态
VS Code 默认是相反的行为:
单击 = 预览模式(会覆盖当前活动的临时标签页)
双击 = 固定打开(真正打开)
✅ 想要实现你说的效果,可以这样设置:
方法一:关闭“预览模式”(即关闭单击打开的默认行为)
打开设置(快捷键:
Ctrl + ,
或Cmd + ,
)搜索:
workbench.editor.enablePreview
取消勾选 ✅ “Enable Preview”
或直接在 settings.json
中加一行:
`"workbench.editor.enablePreview": false`
🔍 效果说明:
✅ 单击文件 ➜ 会真正“打开”文件,而不是以“预览”方式打开(不会覆盖原标签页)
✅ 双击文件 ➜ 同样会打开文件,但不会影响行为(只是变成固定标签页)
这和你描述的行为 “单击新打开 / 双击切换” 已非常接近或等价。
✅ 可选增强设置(推荐)
还可以搭配关闭侧边栏的自动预览:
`"workbench.editor.enablePreviewFromQuickOpen": false`
这避免你在 Ctrl+P
快速打开文件时也进入预览模式。
⚠️ 目前无法做到真正意义上的“双击切换,单击不切换”
因为 VS Code 没有内建机制允许你自定义「单击」和「双击」的逻辑行为分离(不像某些 IDE 如 IntelliJ 支持),只能通过关闭预览功能来“近似模拟”你想要的结果。
需要我给你生成完整的 settings.json
示例以直接粘贴使用吗?