VS Code使用摘要

如何做到双手不离键盘

【光标移动】
以单词为单位的光标移动:
MacOS:Option+左方向键
Windows :Ctrl +左方向键

把光标移动到行首或者行末
MacOS:Cmd + 左/右方向键
Windows : Cmd +Home /End 键

对于代码块的光标移动
MacOS:Cmd + Shift + Windows : Ctrl + Shift +
光标移动到文档的第一行或者最后一行
MacOS:Cmd +上/下方向键
Windows : Ctrl + Home/End 键

【文本选择】
掌握了上面的快捷键之后,你还可以非常轻松地掌握文本选择的操作。
因为对于基于单词、行和整个文档的光标操作,你只需要多按一个 Shift 键,就可以在移动光标的同时选中其中的文本。

MacOS:Cmd +Shift + 左方向键/右方向键
Windows : Cmd +Shift +Home 键/End 键

MacOS:Cmd + Shift +上下方向键
Windows : Ctrl + Shift +Home/End 键

【删除操作】
把当前行中光标之前的文本全部删除,就可以先选中这段文本
Windows/Linux: Home + Shift
macOS: Cmd + Left + Shift
然后再按删除键。

如果希望单次操作就可以完成删除
(1)假设你把光标放在第二行代码的中间位置,然后按下
Cmd 和 Backspace(MacOS上就是“fn + delete”的组合,Windows 上未绑定快捷键,可以打开命令面板运行“删除右侧所有内容”),就能够把第二行代码光标后(右侧)的字符全部删掉。

(2)按下 Cmd 和 Delete 键则是删除当前行中光标前(左侧)的所有内容(Windows 上未绑定快捷键,可以打开命令面板运行“删除左侧所有内容”)。

(3)删除单词内的字符与此类似。假设把光标放在第一行第四个字符 c 的后面。Option 加左方向键把光标移动到 这个单词的开头,Option加左方向键再加 Shift 即可选中 光标前面的字符,而Option 加 Delete 则会删除 func 这四个字符。这里你可能看出来了,这些快捷键共同的是 Option 键,然后通过按下 Shift 或者 Delete 键,来达到不同的效果。

4)相反地,Option 加 Backspace(MacOS上就是“fn + delete”的组合) 则会删除光标后的字符 。

删除当前代码行
MacOS :Cmd + Shift + K ”
Windows :“Ctrl + Shift + K”

软件开发有个非常流行的原则, 叫做不要重复自己(Don’t Repeat Yourself)。
其实除了写代码,我们在使用编辑器的时候,这也是一个非常值得贯彻的准则。

虽然说写代码是一个创造的过程,但很多时候,我们写代码并不总是行云流水从上写到下的。比如说你新写一个功能,你会先把整个逻辑思路写下来,然后重新审视整个代码:这一行好像有点问题,删掉;这里好像少了一个判断,新增几行代码;那段代码好像提前执行比较好,然后你把它挪到了前面的位置。

【删除当前代码行】
MacOS :Cmd + Shift + K ”
Windows :“Ctrl + Shift + K”

【剪切这行代码】
MacOS :Cmd + x ”
Windows :“Ctrl + x”

希望这行的下面或者上面开始一段新的代码
当你想在当前行的下面新开始一行时
MacOS :Cmd + Enter”
Windows :“Ctrl + Enter”

而当你想在当前行的上面新开始一行时,你只要按下
MacOS :“Cmd + Shift + Enter”
Windows : Ctrl + Shift + Enter”

想移动一段代码时
MacOS :Option + 上下方向键”
Windows:“Alt + 上下方向键”
将当前行,或者当前选中的几行代码,在编辑器里上下移动。

如果你同时按住 “Shift” 键的话,也就是
MacOS : Option + Shift + 上下方向键
Windows:Alt + shift + 上下方向键
那就可以复制这几行,然后粘贴到当前行的上面或者下面。

【添加注释】
如果你要将一行代码注释掉,你只需按下
MacOS :Cmd + /
Windows:Ctrl + /

如果你需要把一整段代码注释掉,按下 “ Option + Shift + A”即可。
MacOS :Option + Shift + A
Windows:Option + Shift + A

【代码格式化】
团队合作中,选择同一个代码风格和格式,有利于效降低协同成本。
所以定期对自己写的代码进行格式化是个很好的习惯。
MacOS :Option + Shift + F
Windows:Alt + Shift + F
VS Code 也会根据你当前的语言,选择相关的插件。
当然,前提条件是你已经安装了相关插件。

你也可以选中一段代码,然后按下
MacOS :Cmd + K Cmd + F
Windows:Ctrl + K Ctrl + F
这样只有这段被选中的代码才会被格式化。

【代码缩进】
这时你可以打开命令面板(快捷键“Cmd + Shift + P”),搜索 “缩进”,然后使用 “重新缩进行” 将整个文档的缩进进行调整,但更多时候,你只需要运行 “重新缩进选中行” 来调整部分选中代码行的缩进

其他
第一个是调换字符的位置。你可以按下 MacOS :Ctrl + t
Windows 上未绑定快捷键,可以打开命令面板,搜索 ”转置游标处的字符“) 来把当前光标前后的字符调换位置。

第二个是调整字符的大小写。我估计这个你会经常用到。你可以选中一串字符,然后在命令面板里运行“转换为大写”或 “转换为小写”, 来变换字符的大小写。

第三个是合并代码行。有的时候你可能会为了避免代码看起来过于冗余,就会把比较短小的几行代码合并到一行里面去。这时,你只需要按下 “ Ctrl + j ” (Windows 上未绑定快捷键,可以打开命令面板,搜索 ”合并行“)就可以了,而不需要不断地调整光标、删除换行符。

第四个是行排序。无论是你在写代码,还是写 Markdown,你都可以把代码行按照字母序进行重新排序。不过这个命令比较小众,VS Code 并没有给这个命令指定快捷键,你可以调出命令面板,然后搜索 “按升序排列行” 或者 “按降序排列行” 命令执行。

第五个是撤销光标的移动和选择。有的时候你移动完光标之后,又希望把光标回退到上一个位置,这时你只需按下 “Cmd + U”(Windows 上是 “Ctrl + U”),就可以撤销这一次光标的移动。

记住,并快速练习,以成为自己的肌肉记忆

创建多个光标
【使用鼠标】
第一种添加多光标的方式,就是使用鼠标。在键盘上按住 “Option”(Windows 上是 Alt),然后鼠标点在第二个“5”之前,那么第二个光标就创建好了。现在你可以看到两个光标,第二个光标比第一个要细一点
然后,按下右方向键,将光标们移动到 “5”的后面,输入“px”。这样,“5”后面就都已经加上“px”了,而这中间,你只做了一次输入。是不是很方便?

按住 “Option” 创建三个光标,然后按下右方向键,最后输入 “px”

【使用键盘】
第二种方式是使用键盘,但是比第一种方式要多两个步骤,我们来一起看看是为什么。
首先你还是先移动光标到第一个“5”的前面。然后按下 “Cmd + Option + 下方向键”(Windows 上是 “Ctrl + Alt + 下方向键”),在当前光标的下面创建一个光标。如法炮制,把三个光标创建好。
按下 “Cmd + 右方向键”(Windows 上是 End),这样它们就都移动到每一行的末尾了。到这里问题就简单了,你只需按下 “左方向键” 将光标移动到 5的后面,然后输入 px即可完成整个操作。

在这里,我还是想重复下我之前说过的一个观点,使用这样的功能的时候,你可以想想如果你是设计者,你会怎么样来设计多光标特性。闭着眼睛顺着这个路径思考,也许你会更容易理解和记住 VS Code 的模式。

创建多光标的两个特别命令
接下来,我再给你介绍两个关于多光标的创建的特别方法,如果你还没有消化上面的内容,也先别急,等把后面的全部看完之后再回去练习。

  1. “Cmd + D”
    首先讲第一种,还是上面的代码,你把光标移动到数字“5”之前,按下 “Cmd + D”,这样第一个“5”就被选中了;然后再按一次 “Cmd + D”(Windows 上是 Ctrl + D),你可以看到,第二个“5”也被选中了。
    “Cmd + D” 这个命令的作用是,第一次按下时,它会选中光标附近的单词;第二次按下时,它会找到这个单词第二次出现的位置,创建一个新的光标,并且选中它。这样只需要按下三次,你就选中了所有的“5”。这个时候你再按下 “右方向键”,输入“px”,即可完成任务。
    之所以说这个方法特别,是因为它的适用情况比较特别:处理多次出现的“相同”单词。如果你要处理的文本并不是相同的,那么这个方法就不适用了。

  2. Option + Shift + i
    接下来讲讲第二种,是跟代码行批量处理有关,也还是用的前面的代码。首先你选择多行代码,然后按下 “Option + Shift + i” (Windows 上是 Alt + Shift + i),这样操作的结果是:每一行的最后都会创建一个新的光标。
    同样的,这种方法是基于代码行的,如果你的需求是在同一行添加多个光标,那么就不适用了。
    就上面的例子,我个人第一反应是使用“Cmd + D”这种方式来处理。也许你会问,是不是学习一种方式就够了呢?毕竟这些方式也不那么容易记忆。我的回答也很简单,你应该都学,然后熟能生巧,融会贯通。我前段时间读《鞋狗》这本书,里面有一段论述相当精彩:
    在剑道中,只有在心中不再被我和你,不再被对手和他的剑,不再被自己的剑和使剑的方法所困扰时,才能达到最完美的状态……一切都是虚空:你自己、挥舞的剑和舞剑的胳膊,即便是空虚的想法都不再存在。
    舞剑、做企业是这样,我们写代码用编辑器何尝又不是这个道理呢?

07讲如何快速在文件、符号、代码之间跳转
文件跳转
在VS Code中,解决这个问题的第一个方法,就是按下 “Ctrl+Tab”,然后继续按着 “Ctrl”键但是松开 “Tab” 键,这样你就可以打开一个文件列表,这个列表罗列了当前打开的所有文件。接下来,你可以通过按下 “Tab”键在这个列表里跳转,选择你想要打开的文件。最后选到你想打开的文件后,松开 “Ctrl” 键,这个文件就被打开了。
不过,使用这个方式切换文件,最大的问题在于,文件一旦多了,你就得不停地按 “Tab” 键,没完没了地上下跳转和挑选,这会是一个恼人的耗费时间和眼力的操作。
还好,VS Code 在命令面板里提供了一种支持搜索的文件跳转方式。当你按下 “Cmd + P” (Windows 上是 Ctrl + P)时,就会跳出一个最近打开文件的列表,同时在列表的顶部还有一个搜索框。
看到这里想必你应该明白了,你可以使用这个搜索框来快速地找到你想要的文件,然后按下 “Enter” 键直接打开,这整个过程简单而且顺畅。
当你找到目标文件后,可以按下 “Cmd + Enter ” (Windows 上是 Ctrl + Enter)组合键。你会发现与上面不一样的是,这个文件在一个新的编辑器窗口中打开了

行跳转
你只需要按下 “Ctrl + g”,紧接着编辑器就会出现一个输入框。如下图所示:“:”,在这之后输入数字,你就能够将光标快速地移动到那一行。是不是很便捷?
接下来我再给你介绍一个高阶组合技巧。如果你想跳转到某个文件的某一行,你只需要先按下 “Cmd + P”,输入文件名,然后在这之后加上 “:”和指定行号即可。

08讲玩转鼠标操作
在VS Code中,你单击鼠标左键就可以把光标移动到相应的位置。而双击鼠标左键,则会将当前光标下的单词选中。连续三次按下鼠标左键,则会选中当前这一行代码。最后是连续四次按下鼠标左键,则会选中整个文档。
到这里你可能会问,如果我想要使用鼠标,选中其中的多行代码该怎么办?VS Code也考虑到了这个情况,在编辑器的最左边,显示的是每一行的行号。如果你单击行号,就能够直接选中这一行。如果你在某个行号上按下鼠标,然后上下移动,则能够选中多行代码

09讲代码自动补全、快速修复和重构的二三事
很多 IDE 的拥趸非常喜爱或者离不开 IDE 的一个重要原因就是,代码自动补全和重构。
智能提示,就像是一把双刃剑。我们肯定不能写每一行代码都依赖开发工具给我们的提示或建议,然后没了智能提示就手足无措。往近了说,如果我们过分依赖开发工具的话,那么换工作遇到白板面试的时候可能就会抓瞎了。

【不要有所依赖】

但是软件开发的模式本来就在发展,我们也很难说永远只对着终端、像编辑文本一样完成所有工作,还是需要看看,怎么借助开发工具,去把查文档、查接口、代码检查和重构等工作自动化,从而把时间和思考留给更重要的事情。

猜你喜欢

转载自www.cnblogs.com/huashengzhu/p/10847351.html