VS Code有哪些奇技淫巧(必知)

 更新时间:2021年7月11日 00:35  点击:1831

不同的开发工具,都能俘获各自的一批忠实的用户和支持者。

VS Code、Eclipse、IDEA、atom....到底哪一款开发工具更好?一直存在这样一个争论。

VS Code这几年作为一款热门的开发工具,逐渐受到更多开发者的欢迎。

它之所以如此受欢迎,和它不断的创新突破是离不开的。

即便如此,还是有很多用户觉得VS Code不好用。

这一点不难理解,让一个用过工具A的同学突然迁移到工具B,哪怕它已经非常完美,但是依然可以找出非常多可挑剔的点。

这里面一是由于使用习惯造成的原因,还有就是开发者对这款新工具不够了解。

但是有一点应该很清楚,作为当下热门的开发工具,很多其他开发工具具备的优秀功能,VS Code同样支持。

img

为了让大家能够更加清晰的了解VS Code,今天就来给大家介绍一些它的高效用法。

集成终端

在VS Code中,能够直接打开终端。这使得,无论是调试代码,还是执行终端命令行工具,都无需切换窗口,避免一些时间的浪费。

要想使用VS Code终端,需要首先安装它。安装步骤非常简单,只需要如下几步:

启动VS Code

shift+cmd+p打开命令面板,输入shell command

点击确认

这样,就完成了VS Code集成终端的开发。

批量重命名

img

名称,在开发过程中占据着至关重要的地位。函数名、类名、变量名....在编写代码过程中经常会和各种名称打交道。

重命名在这时候就会经常被用到,如果一个变量名在代码中出现了100次,逐个的手动修改显然是很麻烦的。

通过快捷键shift+cmd+l能够选择代码中所有出现的名称,能够批量重命名。

以重命名一次需要5秒来计算,这一项操作能够介绍8分钟左右。

多选模式

多行编辑在很多开发工具中都是支持的,因为,它的应用场景很多,而且很高效。

如果有多行相近的情况下,这一项功能是非常实用的,能够同时修改多行、多个位置的内容,避免重复劳动。

img

alt+click 每次点击都会添加一个新的光标。

alt+cmd+downalt+cmd+up将分别在下方或上方插入光标。

命令面板

VS Code的命令面板使VS Code完全可以仅通过键盘访问。

键入shift+cmd+P将弹出命令面板,使你可以访问VS Code的所有功能。

以下是一些最有用的命令的快捷方式:

cmd+P 将允许你通过输入文件或符号的名称来导航到任何文件或符号

ctrl+tab 将带你浏览打开的最后一组文件

shift+cmd+P 将直接带你进入编辑器命令

shift+cmd+O 将允许你导航到文件中的特定符号

ctrl+g 将允许你导航到文件中的特定行

快捷方式

快捷键往往会给使用者记忆方面带来负担,但是,如果经常使用,把它融为自己的习惯,接下来就是提高效率的时候。

下面,就来介绍VS Code一些有用的快捷键。你不需要全部都记住,只需记住一些符合自己使用场景的即可。

导航快捷键

shift+cmd+F 搜索

shift+ctrl+G 源代码管理

cmd+shift+D 运行面板

cmd+shift+X 扩展面板

cmd+b 切换侧栏可见性

ctrl+cmd+w 切换标签可见性

cmd+j 使用终端,问题,输出,调试控制台切换打开的底部面板

常用快捷键

alt+Z切换自动换行。如果文件中的行很长,并且需要查看所有内容而无需格式化每一行。

cmd+F 搜索当前文件

alt+shift+left/alt+shift+right按词选择

cmd+D 查找并选择当前所选单词的下一个匹配项。

cmd+down/cmd+up将光标移到当前文件的结尾/开头

cmd+left/cmd+right将光标移到当前行的末尾

alt+left/alt+right逐字移动光标

ctrl+-/ctrl+shift+- 返回和前进

shift+ctrl+cmd+left/shift+ctrl+cmd+right扩大或缩小块选择

F12/cmd+click跳转到定义

编辑中快捷键

cmd+X 不选择文字时将剪切当前行

cmd+shift+K 删除当前行

shift+down/shift+up上下移动选择

alt+down/alt+up上下移动一行

shift+alt+down/shift+alt+up复制行或选择并粘贴在行或选择的下方或上方

结语

如果把这些VS Code的高效使用方法记住,你会发现,它对比于以前那些习以为常的操作要高效很多。

不积跬步无以至千里,或许对于少量的操作情况下,无法感知到它带来的变化,但是,如果在大项目开发过程中,一款工具所带来的的影响就会凸显出来。

通过这些高效的操作,VS Code可以让你把注意力集中在编码本身,而不需要被工具层面的障碍影响开发效率。

到此这篇关于VS Code有哪些奇技淫巧?的文章就介绍到这了,更多相关VS Code技巧内容请搜索猪先飞以前的文章或继续浏览下面的相关文章希望大家以后多多支持猪先飞!

[!--infotagslink--]

相关文章

  • js URLdecode()与urlencode方法支持中文解码

    下面来介绍在js中来利用urlencode对中文编码与接受到数据后利用URLdecode()对编码进行解码,有需要学习的机友可参考参考。 代码如下 复制代码 ...2016-09-20
  • php中json_decode()和json_encode()用法与中文不显示解决办法

    本文章介绍了关于php中json_decode()和json_encode()用法与中文不显示解决办法,有需要的朋友可以参考一下下。 php中json_decode()和json_encode() 1.json_decode(...2016-11-25
  • 源码分析系列之json_encode()如何转化一个对象

    这篇文章主要介绍了源码分析系列之json_encode()如何转化一个对象,对json_encode()感兴趣的同学,可以参考下...2021-04-22
  • photoshop打开很慢怎么办 ps打开慢的设置技巧

    photoshop软件是一款专业的图像设计软件了,但对电脑的要求也是越高越好的,如果配置一般打开ps会比较慢了,那么photoshop打开很慢怎么办呢,下面来看问题解决办法。 1、...2016-09-14
  • Jquery Ajax Error 调试错误的技巧

    JQuery使我们在开发Ajax应用程序的时候提高了效率,减少了许多兼容性问题,我们在Ajax项目中,遇到ajax异步获取数据出错怎么办,我们可以通过捕捉error事件来获取出错的信息。在没给大家介绍正文之前先给分享Jquery中AJAX参...2015-11-24
  • VSCode 配置uni-app的方法

    这篇文章主要介绍了VSCode 配置uni-app的方法,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2020-07-11
  • vscode安装git及项目开发过程

    这篇文章主要介绍了vscode安装git及项目开发过程,本文通过图文并茂的形式给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2021-05-19
  • php语言中使用json的技巧及json的实现代码详解

    目前,JSON已经成为最流行的数据交换格式之一,各大网站的API几乎都支持它。我写过一篇《数据类型和JSON格式》,探讨它的设计思想。今天,我想总结一下PHP语言对它的支持,这是开发互联网应用程序(特别是编写API)必须了解的知识...2015-10-30
  • Vscode上使用SQL的方法

    这篇文章主要介绍了Vscode上使用SQL的方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2021-01-26
  • 图解Sublime Text3使用技巧

    通过本篇文章给大家介绍Sublime Text3使用技巧的相关知识,对sublime text3技巧相关知识感兴趣的朋友一起学习吧...2015-12-24
  • 基于PHP给大家讲解防刷票的一些技巧

    刷票行为,一直以来都是个难题,无法从根本上防止。但是我们可以尽量减少刷票的伤害,比如:通过人为增加的逻辑限制。基于 PHP,下面介绍防刷票的一些技巧:1、使用CURL进行信息伪造$ch = curl_init(); curl_setopt($ch, CURLOP...2015-11-24
  • vscode搭建STM32开发环境的详细过程

    这篇文章主要介绍了vscode搭建STM32开发环境的详细过程,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2021-05-02
  • PHP json_encode() 函数详解及中文乱码问题

    在 php 中使用 json_encode() 内置函数(php > 5.2)可以使用得 php 中数据可以与其它语言很好的传递并且使用它。这个函数的功能是将数值转换成json数据存储格式。<&#63;php$arr = array ( 'Name'=>'希亚', 'Age'...2015-11-08
  • 微信小程序二维码生成工具 weapp-qrcode详解

    这篇文章主要介绍了微信小程序 二维码生成工具 weapp-qrcode详解,教大家如何在项目中引入weapp-qrcode.js文件,通过实例代码给大家介绍的非常详细,需要的朋友可以参考下...2021-10-23
  • VSCode配置C#运行环境的完整步骤

    这篇文章主要给大家介绍了关于VSCode配置C#运行环境的完整步骤,文中通过图文介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-12-08
  • VSCode C++多文件编译的简单使用方法

    这篇文章主要介绍了VSCode C++多文件编译的简单使用方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2021-03-29
  • 浅谈Vue开发人员的7个最好的VSCode扩展

    这篇文章主要介绍了浅谈Vue开发人员的7个最好的VSCode扩展,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-01-20
  • 分享12个非常实用的JavaScript小技巧

    这篇文章主要介绍了分享12个非常实用的JavaScript小技巧,这些小技巧可能在你的实际工作中或许能帮助你解决一些问题,需要的朋友可以参考下...2016-05-14
  • Python爬虫必备技巧详细总结

    本篇文章介绍了我在爬虫过程中总结的几个必备技巧,都是经过实验的,通读本篇对大家的学习或工作具有一定的价值,需要的朋友可以参考下...2021-10-22
  • vscode和cmake编译多个C++文件的实现方法

    这篇文章主要介绍了vscode和cmake编译多个C++文件的实现方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-03-10