vscode 中 整理代码的快捷键_VS Code 必知必会的 20 个快捷键!

2023-05-16

e89a9ad49d51fa3b44cc739da1655f0c.gif

本篇文章,希望能够辅助开发者更高效地使用 VS Code 举行编程。

236d233ee0831d04b653520754ce4613.png

作者 | Deepak Gupta

译者 | 大罗,责编 | 郭芮

出品 | CSDN(ID:CSDNnews)

以下为译文:

并不是每一个开发者都有足够的时间,去领会熟悉所有的快捷键,来辅助我们提高编码效率。由于快捷键实在是太多了。

以是,下面我列出了我最喜欢的快捷键。

a3d045fa42e9f5232cc9d71c0558a627.png

多行转一行

6406aad9056b4323fd59809f82872337.gif

在 MAC 上:Ctrl + J

在 Ubuntu/Windows 上:通过

File

>

Preferences

>

Keyboard shortcuts

打开快捷键的设置,而且绑定

editor.action.joinLines

你自己的快捷键。

2209d1f563e83f878eac26279a310c98.png

格式化代码

这个快捷键可以辅助我们对代码举行缩进。

56e2224aec0360f0abc44bd9b0c7d649.gif

注:可以在编码的任何时刻使用它,然则我更喜欢在我的代码写完的时刻格式化一下。

在 Windows 上:Shift + Alt + F

在 Mac 上:Shift + Option + F

在 Ubuntu 上:Ctrl + Shift + I

7ed90c2651d106a87b9a70846e704856.png

去掉尾随空格

这个快捷键可以帮你去掉前面和后面多余的空格,这样子就可以不用使用严酷的 Lint 检查了。

ebcda20f36f4e8162cc0ede471385a33.gif

注:建议在你写完代码的时刻,使用这个快捷键。

事实上,这个快捷键需要你自己举行设置:

打开用户设置页面 (Preferences>Settings>User TAB);

点击右上角的图标切换到代码编辑模式;

ec64de496756df133c571d448d6ac2fe.png

添加"files.trimTrailingWhitespace": true到设置文件中;

保留你的设置文件。

若是你使用的是新版本的 VS Code, 你可以在用户设置页面设置,如下图:

3ae28a5fac7b39b105e8fce507a9fb86.png

50aa79c340d9c73af189bb9dc06102bf.png

代码折叠

有些时刻,代码文件异常大,然则你只是想知道代码的大要逻辑。这个时刻代码折叠就异常需要。

d44fd32449964ba8d45ddab155abc361.gif

折叠光标处未折叠的代码:

在 Windows/Ubuntu 上:Ctrl + Shift + [

在 Mac 上:Command+ Option + [

睁开光标出折叠的代码:

在 Windows/Ubuntu 上:Ctrl + Shift + ]

在 Mac 上:Command+ Option + ]

df33ffdde7edf586e2c99041345d4037.png

向上/向下 复制行

8e800fb3fababd3fca61f622151c5bdc.gif

在 Windows 上:Shift + Alt + Up/Down

在 Mac 上:Shift + Option + Up/Down

在 Ubuntu 上:Ctrl + Shift + Alt + Up/Down

固然,你也可以自己设置绑定你自己的快捷键:

File

>

Preferences

>

Keyboard Shortcuts

134f58640241d46068d719d43ccbfb38.png

拆分编辑框

fecd042c22deef122ec8d1eb9ec903eb.gif

在 Windows 上:Shift + Alt + \ or 2,3,4

在 Mac 上:Command + \ or 2,3,4

在 Ubuntu 上:Shift + Alt + \ or 2,3,4

拆分编辑器可以使用拆分的快捷键,使用

123

也可以切换编辑器焦点。

固然你也可以自己去绑定自己的快捷键。

fd5a73c0bfe6f45fcfdc982936911c30.png

编辑器网格结构

默认情况下,编辑器界面使用的垂直列结构(在你拆分编辑器时,默认会在侧面打开)你也可以轻松的根据自己的喜欢举行水平和垂直结构:

ad4094cf3b199f51eed6bf871b397a17.gif

为了支持加倍天真的结构,您可以建立一个空的编辑器组。默认情况下,在你关闭最后一个编辑窗口时,该组也会被关闭掉,但你可以使用下面的设置来关闭这个默认行为:

"workbench.editor.closeEmptyGroups": false

View

>

Edit Layout

的菜单中,也有预设的结构:

4ecfd762a6ec3b67fa2189dc7f5e76d7.png

939bf969ffebeff3adaf813a6b19f9e0.png

单词选中

7542927ea2dedf3f72c9f6526e0c7e59.png

在 Windows 上:Ctrl+ d

在 Mac 上:Command + d

在 Ubuntu 上:Ctrl+ d

若是你多次点击此快捷键,将会选中多个相同的关键字。

59df7d9988095d041c210fb720138a19.png

打开关闭侧边栏

e27d32d940a6043a6011afb8f0ce7c44.gif

在 Windows 上:Ctrl+ b

在 Mac 上:Command + b

在 Ubuntu 上:Ctrl+ b

有时刻,文件内里的代码宽度比较大,关闭侧边栏可以有更大的代码可视局限。

693e7082b1626f619a29c0c163cbdbc6.png

跳转到特定行

20ce5d42c2b18aad73646886323751bd.gif

注:在文件中举行行跳转,你可以使用

Ctrl + G

,然后输入要跳转的行号,固然,你也可以使用

Ctrl + P

,然后输入

和要跳转的行号。

在 Windows 上:Ctrl + g

在 Mac 上:Ctrl + gorCtrl + p

在 Ubuntu 上:Ctrl + g

c554ddc0012b6c143719ccdced65fd88.png

文件中符号跳转

d93648691004e3dd7eb24e64937ae07b.gif

在 Windows 上:

Ctrl + Shift + o

在 Mac 上:

Command + Shift+ o

在 Ubuntu 上:

Ctrl + Shift + o

你也可以通过冒号来举行分组:

@:

d506ecfdb6276d01daf9bc576b2081e8.png

5eeadc95724b2386a0098cbaac1b7acd.png

事情区符号跳转

6caf22c7bb0f83164f64aa2ea0bfbe8a.png

在 Windows 上:Ctrl + t

在 Mac 上:Command + t

在 Ubuntu 上:Ctrl + t

85f54509e15fcd9e30a6efcb9a6aa96f.png

删除上一个词

24c88824da49acf0902882d2b06b54d0.gif

在 Windows 上:Ctrl + backspace

在 Mac 上:Option + delete

在 Ubuntu 上:Ctrl + backspace

这个功效在您输入错误时异常有用,你不需要按住 delete 一个个删。

0cc374b6fd58ca06ebbb198fe92a6251.png

选中词

e7cd179551a6a3a58bf4c22f679090d8.gif

在 Windows 上:Ctrl + Shift + 右键头 / 左键头

在 Mac 上:Option + Shift + 右键头 / 左键头

在 Ubuntu 上:Ctrl + Shift + 右键头 / 左键头

这个快捷键有助于快速选中并编辑。

e338b0193d6f151aa506d6821e15f73c.png

复制行

3a8cc06d981c43d1f8e7b7676d874c87.gif

在 Windows 上:Ctrl + Shift + d

在 Mac 上:Command + Shift +d

在 Ubuntu 上:Ctrl + Shift + d

复制行是一个异常壮大的功效。

2324dc1de0e4f4b9941955b589fdd1e2.png

删除行

3a8cc06d981c43d1f8e7b7676d874c87.gif

在 Windows 上:Ctrl + x

在 Mac 上:Command + x

在 Ubuntu 上:Ctrl + x

3b0f8a8a55bea1da4ecbed675957e2c6.png

添加多个光标

2b9aebaeb14f3055e7a2420648e46203.gif

在 Windows 上:Ctrl + Alt + Up/Down

在 Mac 上:Command + Alt + Up / Down

在 Ubuntu 上:Ctrl + Alt + Up / Down

复制光标是 VS Code中的一个功效,可以节约许多时间。

d75c3ea5f2b1feb0688a68cf41ded70f.png

重命名

2111bcbe1eadb5fd634457b8821229f0.gif

在 Windows 上:F2

在 Mac 上:F2

在 Ubuntu 上:F2

选中变量,按

F2

,上下文中的引用都会被重命名。

c9fb5bf87fb7ed4232b1040a64300b3d.png

块选择

8c2bc13733998baa7bdcc6e494a20ae7.gif

在 Windows 上:Shift + Alt

在 Mac 上:Shift + Option

在 Ubuntu 上:Shift + Alt

你可以按住上面的快捷键,然后拖动鼠标,选择一个文本块,光标会被添加到选中的每一行中。

ea3632e718440592b936493d802048a5.png

下令面板

在 Windows 上:Ctrl + p

在 Mac 上:Command + p

在 Ubuntu 上:Ctrl + p

根据您的当前的上下文接见可用下令。

以下是常用的下令:

1. 打开文件

当你要打开一个文件的时刻,使用下面的下令,然后输入文件名,可以辅助你快速跳转文件。

c81ed58d94356b49d0e13cb5e545bbe1.gif

2. 查看快捷键

所有的下令都可以在下令面板中看到,而且另有快捷键绑定关系(若是有快捷键),若是你忘记了快捷键,可以通过它来查询:

59e93c09f6423085b17014da33468d4c.png

3e393aa5fa27e6587bbf65e1a7287231.png

结语

有许多快捷键可以知足你的需求, 在这里,我列出了所有 VS Code 快捷键的 PDF 文件:

Linux:https://code.visualstudio.com/shortcuts/keyboard-shortcuts-linux.pdf

Window:https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf

macOS:https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf

原文:https://medium.com/better-programming/20-vs-code-shortcuts-for-fast-coding-cheatsheet-10b0e72fd5d

本文为 CSDN 翻译,转载请注明泉源出处。

【End】

f78b83a229156e1d641dcb623752d542.png

热 文 推 荐

7f2f79590d385a79b58583d565376431.gif点击阅读原文介入开发者大调查,好礼送一直!

c712821d8e5de5e3579503c113dc7365.png

你点的每个“在看”,我都认真当成了喜欢

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

vscode 中 整理代码的快捷键_VS Code 必知必会的 20 个快捷键! 的相关文章

随机推荐