VS code常用的快捷键

简介: 在前端的开发过程中,如果有一个比较好的开发工具,配合一些常用的快捷键,开发效率将大大提升,正所谓工具善其事必先利其器。前端推荐使用编辑器VS code,用过HB-X,ST3,Webstorm等编译器之后就会发现,前端编辑器最屌的还是VS code。

在前端的开发过程中,如果有一个比较好的开发工具,配合一些常用的快捷键,开发效率将大大提升,正所谓工具善其事必先利其器。前端推荐使用编辑器VS code,用过HB-X,ST3,Webstorm等编译器之后就会发现,前端编辑器最屌的还是VS code。

官方文档:

https://code.visualstudio.com/docs/getstarted/keybindings

官方快捷键PDF:windows: https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdfmacOS: https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf

主命令F1 或 Ctrl+Shift+P : 打开命令面板。在打开的输入框内,可以输入任何命令。这个比较常用的是安装插件或者查找文件,我一般都是用来查找项目文件,插件的话一般直接在扩展程序中安装。编辑器与窗口管理新建文件:   Ctrl+N文件之间切换:   Ctrl+Tab打开一个新的VS Code编辑器:    Ctrl+Shift+N关闭当前窗口:   Ctrl+W关闭当前的VS Code编辑器:   Ctrl+Shift+W切出一个新的编辑器窗口(最多3个):   Ctrl+\切换左中右3个编辑器窗口的快捷键:   Ctrl+1  Ctrl+2  Ctrl+3

格式调整代码行向左或向右缩进:   Ctrl+[ 、 Ctrl+]复制或剪切当前行/当前选中内容:   Ctrl+C 、 Ctrl+V代码格式化:   Shift+Alt+F向上或向下移动一行:   Alt+Up 或 Alt+Down向上或向下复制一行:   Shift+Alt+Up 或 Shift+Alt+Down在当前行下方插入一行:   Ctrl+Enter在当前行上方插入一行:   Ctrl+Shift+Enter
光标相关移动到行首:   Home移动到行尾:   End移动到文件结尾:   Ctrl+End移动到文件开头:   Ctrl+Home移动到定义处:   F12查看定义处缩略图(只看一眼而不跳转过去):    Alt+F12选择从光标到行尾的内容:   Shift+End选择从光标到行首的内容:Shift+Home删除光标右侧的所有内容(当前行):   Ctrl+Delete扩展/缩小选取范围:Shift+Alt+Right 和 Shift+Alt+Left多行编辑(列编辑):   Alt+Shift+鼠标左键 或 Ctrl+Alt+Down/Up同时选中所有匹配编辑(与当前行或选定内容匹配):   Ctrl+Shift+L下一个匹配的也被选中:   Ctrl+D回退上一个光标操作:   Ctrl+U撤销上一步操作: Ctrl+Z手动保存:   Ctrl+S

重构代码找到所有的引用:Shift+F12同时修改本文件中所有匹配的:Ctrl+F12查看 diff:在 explorer 里选择文件右键Set file to compare,然后需要对比的文件上右键选择Compare with file_name_you_chose

查找替换查找Ctrl+F查找替换Ctrl+H整个文件夹中查找Ctrl+Shift+F显示相关全屏显示(再次按则恢复):   F11放大或缩小(以编辑器左上角为基准):   Ctrl +/-侧边栏显示或隐藏:Ctrl+B显示资源管理器(光标切到侧边栏中才有效):   Ctrl+Shift+E显示搜索(光标切到侧边栏中才有效):   Ctrl+Shift+F显示(光标切到侧边栏中才有效):   Git Ctrl+Shift+G显示 Debug:    Ctrl+Shift+D显示 Output:    Ctrl+Shift+U

其他设置自动保存:File -> AutoSave(中文界面下“文件”->“自动保存”) 或者 Ctrl+Shift+P,输入 auto好啦,本期内容就分享到这里,我们下期见!

目录
相关文章
|
7月前
vscode 向下复制当前行功能快捷键 设置成Ctrl + D
vscode 向下复制当前行功能快捷键 设置成Ctrl + D
363 0
|
7月前
设置VSCode运行任务命令快捷键Alt+R,通常用于npm start(对频繁使用该命令可节省50%的输入命令行打字时间)
设置VSCode运行任务命令快捷键Alt+R,通常用于npm start(对频繁使用该命令可节省50%的输入命令行打字时间)
|
7月前
设置VSCode代码编辑器右侧的Minimap代码缩略图滚动条切换显示、隐藏的快捷键Alt+M
设置VSCode代码编辑器右侧的Minimap代码缩略图滚动条切换显示、隐藏的快捷键Alt+M
|
1月前
|
Linux C++ iOS开发
vs code常见的查找快捷键大全
本文来自 frozencola 技术日志,介绍了 VS Code 中常用的查找快捷键,包括快速打开文件、文件资源管理器、全局搜索、查找符号、查找文件中的文本、查找并替换、文件导航和使用命令面板。掌握这些快捷键可以显著提升开发效率。
80 4
|
1月前
|
C++
vs code常见的查找快捷键大全
【11月更文挑战第1天】本文介绍了 VS Code 中的基本查找和替换操作,包括在当前文件中查找(Ctrl + F)、查找替换(Ctrl + H)、查找下一个(F3)和查找上一个(Shift + F3)。还涵盖了在多个文件中查找(Ctrl + Shift + F)和查找替换(Ctrl + Shift + H),以及符号查找相关操作,如转到符号(Ctrl + T)和在文件中查找符号(Ctrl + Shift + O)。这些快捷键和功能帮助用户高效地管理和编辑代码。
|
6月前
|
C++ iOS开发 MacOS
常用的 VSCode 快捷键【大全】,提升你的编码速度
常用的 VSCode 快捷键【大全】,提升你的编码速度
常用的 VSCode 快捷键【大全】,提升你的编码速度
|
7月前
个人建议:VSCode和WebStorm中的“关闭其他所有编辑器、关闭左侧编辑器、关闭右侧编辑器”快捷键这么设置shift+alt+w、shift+alt+[、shift+alt+],你会受益匪浅
个人建议:VSCode和WebStorm中的“关闭其他所有编辑器、关闭左侧编辑器、关闭右侧编辑器”快捷键这么设置shift+alt+w、shift+alt+[、shift+alt+],你会受益匪浅
|
7月前
|
搜索推荐 开发者
VSCode快捷键使用教程:提高编码效率的利器
本文介绍了提升编程效率的VSCode快捷键使用方法。主要包括编辑、导航、查找与替换、格式化等快捷键,如Ctrl+A全选,Ctrl+P前往文件,Ctrl+F查找,Shift+Alt+F格式化代码。此外,还涉及窗口和菜单快捷键,如新建窗口(Ctrl+Shift+N)、切换分屏(Ctrl+左右箭头)。VSCode也支持用户自定义快捷键,通过Ctrl+,打开设置进行个性化配置。
1074 0
|
7月前
让VSCode的快捷键切换为WebStorm/IDEA的快捷键、修改颜色主题(深色模式)、文件图标主题
让VSCode的快捷键切换为WebStorm/IDEA的快捷键、修改颜色主题(深色模式)、文件图标主题
|
7月前
【冷门快捷键】设置VSCode终端大小最小化快捷键Alt+PageUp/PageDown、编辑代码窗口切换大小快捷键Alt+数字键盘“+”、Alt+数字键盘“-”、Alt+数字键盘“0”
【冷门快捷键】设置VSCode终端大小最小化快捷键Alt+PageUp/PageDown、编辑代码窗口切换大小快捷键Alt+数字键盘“+”、Alt+数字键盘“-”、Alt+数字键盘“0”