20个提高开发效率的VS Code快捷键(推荐)

以下为译文:

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

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

1.多行转一行

在 MAC 上:Ctrl + J

在 Ubuntu/Windows 上:通过File> Preferences > Keyboard shortcuts打开快捷键的设置,并且绑定editor.action.joinLines你自己的快捷键。

2.格式化代码

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

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

在 Windows 上:Shift + Alt + F

在 Mac 上:Shift + Option + F

在 Ubuntu 上:Ctrl + Shift + I

3.去掉尾随空格

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

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

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

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

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

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

保存你的设置文件。

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

4.代码折叠

有些时候,代码文件非常大,但是你只是想知道代码的大体逻辑。这个时候代码折叠就非常必要。

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

在 Windows/Ubuntu 上:Ctrl + Shift + [

在 Mac 上:Command+ Option + [

展开光标出折叠的代码:

在 Windows/Ubuntu 上:Ctrl + Shift + ]

在 Mac 上:Command+ Option + ]

5.向上/向下 复制行

在 Windows 上:Shift + Alt + Up/Down

在 Mac 上:Shift + Option + Up/Down

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

当然,你也可以自己设置绑定你自己的快捷键:File > Preferences > Keyboard Shortcuts

6.拆分编辑框

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

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

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

拆分编辑器可以使用拆分的快捷键,使用 123 也可以切换编辑器焦点。

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

7.编辑器网格布局

默认情况下,编辑器界面使用的垂直列布局(在你拆分编辑器时,默认会在侧面打开)你也可以轻松的按照自己的喜好进行水平和垂直布局:

为了支持更加灵活的布局,您可以创建一个空的编辑器组。默认情况下,在你关闭最后一个编辑窗口时,该组也会被关闭掉,但你可以使用下面的配置来关闭这个默认行为:"workbench.editor.closeEmptyGroups": false

在 View > Edit Layout 的菜单中,也有预设的布局:

8.单词选中

在 Windows 上:Ctrl+ d

在 Mac 上: Command + d

在 Ubuntu 上: Ctrl+ d

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

9.打开关闭侧边栏

在 Windows 上:Ctrl+ b

在 Mac 上:Command + b

在 Ubuntu 上:Ctrl+ b

有时候,文件里面的代码宽度比较大,关闭侧边栏可以有更大的代码可视范围。

10.跳转到特定行

注:在文件中进行行跳转,你可以使用Ctrl + G ,然后输入要跳转的行号,当然,你也可以使用Ctrl + P,然后输入和要跳转的行号。

在 Windows 上:Ctrl + g

在 Mac 上:Ctrl + g orCtrl + p

在 Ubuntu 上:Ctrl + g

11.文件中符号跳转

在 Windows 上:Ctrl + Shift + o

在 Mac 上:Command + Shift+ o

在 Ubuntu 上:Ctrl + Shift + o

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

12.工作区符号跳转

在 Windows 上:Ctrl + t

在 Mac 上:Command + t

在 Ubuntu 上:Ctrl + t

13.删除上一个词

在 Windows 上:Ctrl + backspace

在 Mac 上:Option + delete

在 Ubuntu 上:Ctrl + backspace

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

14.选中词

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

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

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

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

15.复制行

在 Windows 上:Ctrl + Shift + d

在 Mac 上:Command + Shift +d

在 Ubuntu 上:Ctrl + Shift + d

复制行是一个非常强大的功能。

16.删除行

在 Windows 上:Ctrl + x

在 Mac 上:Command + x

在 Ubuntu 上:Ctrl + x

17.添加多个光标

在 Windows 上:Ctrl + Alt + Up/Down

在 Mac 上:Command + Alt + Up / Down

在 Ubuntu 上:Ctrl + Alt + Up / Down

复制光标是 VS Code中的一个功能,可以节省很多时间。

18.重命名

在 Windows 上:F2

在 Mac 上:F2

在 Ubuntu 上:F2

选中变量,按F2,上下文中的引用都会被重命名。

19.块选择

在 Windows 上:Shift + Alt

在 Mac 上:Shift + Option

在 Ubuntu 上:Shift + Alt

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

20.命令面板

在 Windows 上:Ctrl + p

在 Mac 上:Command + p

在 Ubuntu 上:Ctrl + p

根据您的当前的上下文访问可用命令。

以下是常用的命令:

1. 打开文件

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

2. 查看快捷键

所有的命令都可以在命令面板中看到,并且还有快捷键绑定关系(如果有快捷键),如果你忘记了快捷键,可以通过它来查询:

结语

有很多快捷键可以满足你的需求, 在这里,我列出了所有 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(ID:CSDNnews)

到此这篇关于20个提高开发效率的VS Code快捷键的文章就介绍到这了,更多相关VS Code快捷键内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!

(0)

相关推荐

  • VSCode插件开发全攻略之命令、菜单、快捷键

    命令 我们在前面HelloWord章节中已经提到了命令写法,这里再重温一下. context.subscriptions.push(vscode.commands.registerCommand('extension.sayHello', () => { vscode.window.showInformationMessage('您执行了extension.sayHello命令!'); })); 然后在清单文件声明: "commands": [ { "command&q

  • 常用VsCode 快捷键(Window & Mac)GIF演示

    尽管我们经常使用 VS Code中的许多快捷方式,但是我们有可能会忘记它们. 这里用可视化制作了一些GIF,以便更好地记住它们,希望对你有所帮助. VSCode中的每个命令也可以通过使用CTRL + SHIFT + P和搜索查询的命令提示符来执行. 但是知道直接快捷键速度会更快. 1. CTRL+, 打开用户设置 偶尔需要调整用户首选项,这是直接打开它们的方式. 2. CTRL+K CTRL+S : 显示快捷键 这是VSCode中的快捷方式的完整列表. 还可以下载下来Windows[PDF]和M

  • VSCode Vue开发推荐插件和VSCode快捷键(小结)

    首先这几个是VSCode推荐Vue开发必备的插件 Vetur -- 语法高亮.智能感知.Emmet等 包含格式化功能, Alt+Shift+F (格式化全文),Ctrl+K Ctrl+F(格式化选中代码,两个Ctrl需要同时按着) EsLint -- 语法纠错 Debugger for Chrome -- 映射vscode上的断点到chrome上,方便调试(配置有点麻烦,其实我没用这个) Auto Close Tag -- 自动闭合HTML/XML标签 Auto Rename Tag -- 自动

  • 20个提高开发效率的VS Code快捷键(推荐)

    以下为译文: 并不是每一个开发者都有足够的时间,去了解熟悉所有的快捷键,来帮助我们提高编码效率.因为快捷键实在是太多了. 所以,下面我列出了我最喜欢的快捷键. 1.多行转一行 在 MAC 上:Ctrl + J 在 Ubuntu/Windows 上:通过File> Preferences > Keyboard shortcuts打开快捷键的设置,并且绑定editor.action.joinLines你自己的快捷键. 2.格式化代码 这个快捷键可以帮助我们对代码进行缩进. 注:可以在编码的任何时候

  • IDEA提高开发效率的7个插件(推荐)

    1. 多行编辑 先来体验一下从xml文件拷贝字段新建实体对象 一般我们为了新建多表连接后映射的 ResultMap ,耗费不少时间,那么我们就来试一试这个多行编辑 表字段存在下划线,而实体中不允许,更是讨厌 ,等着一招教你解决 前提条件,安装一个idea的插件,用来驼峰与下划线互转的:CamelCase 步骤: ① 多行选择,按住ALT(windows)/option(Mac) ,拉动鼠标就可 ② 选中字段对象 Win Ctrl+shift+左箭头 Mac option+shift+左箭头 ③

  • 13个Pandas实用技巧,助你提高开发效率

    原作:风控猎人 整理:数据管道 归纳整理了一些工作中常用到的pandas使用技巧,方便更高效地实现数据分析. 1.计算变量缺失率 df=pd.read_csv('titanic_train.csv') def missing_cal(df): """ df :数据集 return:每个变量的缺失率 """ missing_series = df.isnull().sum()/df.shape[0] missing_df = pd.DataFram

  • python 中的9个实用技巧,助你提高开发效率

    整理字符串输入 整理用户输入的问题在编程过程中极为常见.通常情况下,将字符转换为小写或大写就够了,有时你可以使用正则表达式模块「Regex」完成这项工作.但是如果问题很复杂,可能有更好的方法来解决: user_input = "This string has some whitespaces... " character_map = { ord( ) : , ord( ) : , ord( ) : None } user_input.translate(character_map) #

  • 强烈推荐IDEA提高开发效率的必备插件

    前言 今天小编给大家推荐几款值得剁手的插件,真的很实用,安装就对了,在工作中,我们可能会时常因为编码效率,而烦恼,可能有时候并不是我们的编码效率不高,只是我们没用对方法,没用到好的工具,能够节省我们的开发时间,这是小编在开发中常使用的一些插件,所以推荐给大家. 一.Lombok插件 Lombok项目是一个Java库,它会自动插入您的编辑器和构建工具中,从而使您的Java更加生动有趣. 永远不要再写一个get.set或equals方法,一个注释就能够帮您的类有一个功能全面的生成器,自动化帮你生成你

  • Python利用IPython提高开发效率

    一.IPython 简介 IPython 是一个交互式的 Python 解释器,而且它更加高效. 它和大多传统工作模式(编辑 -> 编译 -> 运行)不同的是, 它采用的工作模式是:执行 -> 探索 ,而大部分和数据分析相关的代 码都含有探索式操作(比如试误法和迭代法),所以 IPython 能大大提高编码效率. IPython 发展到现在,它不仅仅只是一个加强版的 Python shell 了, 它集成了 GUI 控制台,这可以让你直接进行绘图操作:它还有一个基于 Web 的交互式笔记

  • IntelliJ Idea常用11款插件(提高开发效率)

    插件安装方式: 新版本IDE安装方式略有不同,不一一赘述 1.Background Image Plus 这款插件并不能直接提高你的开发效率,但是可以让你面对的IDE不再单调,当把背景设置成你自己心仪的的图片, 是不是会感觉很赏心悦目,编码效率会不会因此间接的提高?! 使用方法: 注意,如果是IDEA版本是2020.1版本以上就不需要再额外装这个插件,这个插件是已经内置安装了.  2.Mybatis Log Plugin Mybatis现在是java中操作数据库的首选,在开发的时候,我们都会把M

  • [Asp.Net Core]提高开发效率的方法

    一.概述 在园子里面有很多关于各种技术细节的研究文章,都是比较牛逼的框架研究:但是一直没有看到关于怎么样提高开发效率的文章,大多提高开发效率的文章都是关于自动化等方面的辅助工具类型的,而不是开发中的一些小技巧:今天从编码规范.编码技巧.开发思想.设计模式等各方面的经验来分享如何提高开发效率. 二.实际场景 在这个前后端分离盛行的开发年代,分工比较明确,开发者分前端开发者和后端开发者,然而感到欣慰的是.net 开发者大多是担任着全栈开发的职责,有经验的开发者都是从前端走过来的,说白了前端业务代码对

  • git 一个可以提高开发效率的命令:cherry-pick详解

    各位码农朋友们一定有碰到过这样的情况:在develop分支上辛辛苦苦撸了一通代码后开发出功能模块A,B,C,这时老板过来说,年青人,我们现在先上线功能模块A,B.你一定心里一万只草泥马奔腾而过,但为了混口饭吃必须得按老板的意思办事啊. 怎么办?一个办法就是,重新建一个分支,然后再把功能模块C回退,留下功能模块A,B.这种做法不是不行,但是有更好的办法,那就是git所提供的cherry-pick功能. cherry-pick类似于一个定制化的merge,它可以把其它分支上的commit一个个摘下来

  • python 提高开发效率的5个小技巧

    很多时候学习是一种难者不会,会者不难的事情. 下面的5个python技巧是性价比极高的知识点,一学就会,不难但是相当管用. 使用交互模式 使用python -i xxxx.py可以直接进入python的交互模式,可以很方便的调用xxxx.py中定义的方法和函数,特别适合调试没有main()方法的文件,强力推荐. 使用pdb进行调试 很多从c++/java转到python的同学可能对python没有断点功能相当失望. 其实python自带的pdb库就可以解决这个问题. 看这个例子. def sum

随机推荐