热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

VSCode使用技巧(一)

VSCodeNote01命令面板CmdShiftPF1:打开命令面板,是VSCode的主要交互界面界面概览文件资源管理器:CtrlShif

VS Code Note 01

命令面板

Cmd+Shift+P / F1:打开命令面板,是VS Code的主要交互界面

界面概览

文件资源管理器:Ctrl+Shift+E
跨文件搜索:Ctrl+Shift+F
源代码管理:Ctrl+Shift+G
启动和调试:Ctrl+Shift+D
管理扩展:Ctrl+Shift+X
查看错误和警告:Ctrl+Shift+M

vs-view-preview

命令行的使用

如果你是在 macOS 上使用,安装后打开命令面板,搜索shell 命令:在 PATH 中安装 code 命令并执行,然后重启终端模拟就可以了。

vs-shell-on-terminal

OPTIONS(常用命令)

-n --new-window Force to open a new window..
-r --reuse-window Force to open a file or folder in an already opened window.
-g --goto Open a file at the path on the specified line and character.
-d --diff Compare two files with each other.

通过命令行打开文件,并滚动至特定的

比如输入code -r -g package.json:128命令,你就可以打开 package.json 这个文件,然后自动跳转到 128 行。适用于某文件错误的行数的快速定位

比较两个文件的内容

只需使用 -d参数,并传入两个文件路径,比如输入 code -r -d a.txt b.txt命令

打开管道内容

将命令行 ls 的执行结果在 VS Code 的编辑器中打开 ls | code -
注:管道的说明

如何在终端和文件之间快速切换

快捷键:Ctrl + `

VS Code Note 02

光标的快捷键移动操作

  1. 首先是针对单词的光标移动: Option + 左右方向键 同时按住 Option 和方向键,那么光标移动的颗粒度就变成了单词,你就可以在文档中以单词为单位不停地移动光标了。
  2. 第二种方式是把光标移动到行首或者行末:Cmd + 左右方向键
  3. 接下来一种是对于代码块的光标移动:Cmd + Shift + \,就可以在这对花括号之间跳转。
  4. 最后是移动到文档的第一行或者最后一行:Cmd + 上下方向键

文本选择

基于以上快捷键,只需要多按一个 Shift 键,就可以在移动光标的同时选中其中的文本。

删除操作

  1. 删除光标右侧所有内容:Cmd + fn + delete
  2. 删除光标左侧所有内容:Cmd + delete
  3. 删除单词内右侧的字符:Option + fn + delete
  4. 删除单词内左侧的字符:Option + delete

自定义快捷键

首先你可以打开命令面板(Cmd + Shift + p),搜索“打开键盘快捷方式”然后执行,这时你将看到相对应的界面。

vs-keyboard-shortcuts

比如,你可以搜索“选择括号内所有内容”,双击,按下Cmd + Shift + ],然后按下回车,这个快捷键就绑定上了。
比如,你通过搜索 “cmd+backspace”这组快捷键,发现它对应的命令是“删除左侧所有内容”,但你不希望使用这个命令,那你就可以通过右键选择删除该快捷键的绑定。

VS Code Note 03

代码行编辑

  1. 删除当前行代码: Cmd + Shift + K
  2. 剪切当前行代码: Cmd + x
  3. 在当前代码上面开始一行时:Cmd + Shift + Enter
  4. 在当前代码下面开始一行时:Cmd + Enter
  5. 移动当前选中行代码:Option + 上下方向键
  6. 赋值当前选中行代码:Option + Shift + 上下方向键

编程语言相关的命令

  1. 添加注释:Cmd + /
  2. 代码格式化:Option + Shift + F,VS Code 也会根据你当前的语言,选择相关的插件。当然,前提条件是你已经安装了相关插件。
  3. 选中的代码格式化:Cmd + k or Cmd + F,这样只有这段被选中的代码才会被格式化。

其他小技巧

  1. 调换字符的位置:Ctrl + t
  2. 是调整字符的大小写:你可以选中一串字符,然后在命令面板里运行“转换为大写(transform to uppercase)”或 “转换为小写”, 来变换字符的大小写。
  3. 是合并代码行:Ctrl + j,可以把较短的代码合并至一行,而不需要不断地调整光标、删除换行符。
  4. 是撤销光标的移动和选择:Cmd + U

VS Code Note 04

创建多个光标

两个特别命令

  1. Cmd + D 适用情况比较特别:处理多次出现的“相同”单词。如果要处理的文本并不是相同的,那么这个方法就不适用了。
  2. Option + Shift + i 首先选择多行代码,然后按下 “Option + Shift + i” ,这样操作的结果是:每一行的最后都会创建一个新的光标。

快捷键跳转

多文件跳转

  1. Ctrl + Tab 在正在操作的文件列表中切换文件
  2. Cmd + P 打开最近的文件列表,并支持搜索功能
    「小技巧」 Cmd + Enter 当找到文件后按下这个快捷键可在新窗口中打开该文件

行跳转

Ctrl + G 跳转到指定的代码行
「高级组合技巧」:按下Cmd + P 直接输入文件名:行号 eg:main.css:3

符号跳转

Cmd + R 能够看到当前文件里的所有符号(包括类,方法等)。

定义 (Definition) 和实现 (implementation) 跳转

Cmd + F12 选中引用跳转到函数的实现位置

引用 (Reference) 跳转

Shift + F12 选中函数或类按下这个快捷键就可以出现一个引用的列表,选择后内嵌的编辑器里便展示相应的引用代码

VS Code Note 04

玩转鼠标

选择文本

  1. 在VS Code中,你单击鼠标左键就可以把光标移动到相应的位置。
  2. 而双击鼠标左键,则会将当前光标下的单词选中。
  3. 连续三次按下鼠标左键,则会选中当前这一行代码。
  4. 最后是连续四次按下鼠标左键,则会选中整个文档。

文本编辑

在 VS Code中,我们除了能够使用鼠标来选择文本以外,还能够使用鼠标对文本进行一定程度的修改,我们把它称为拖放功能(drag and drop)。
比如在示例代码中,我们选中 bar 这个函数,然后将鼠标移到这段选中的代码之上,按下鼠标左键不松开。这时你可以看到,鼠标指针已经从一条竖线,变成了一个箭头。这时候我们移动鼠标的话,就可以把这段文本拖拽到我们想要的位置。

悬停提示窗口

在 VS Code 的编辑器里使用鼠标的过程中,当你的鼠标移动到某些文本上之后,稍待片刻就能看到一个悬停提示窗口。这个窗口里会显示跟鼠标下文本相关的信息。

  • 方法(Method)

比如,在示例代码中,当我把鼠标移动到第五行 foo 上后,悬停提示窗口里展示了 foo的类型信息,它告诉我们 foo是一个函数,不需要任何的参数,返回值是 void。

如果我把鼠标移动到 foo 上面时,按下 Cmd 键,则能够在悬停提示窗口里直接看到 foo的实现。

  • 变量(Field)

在 Javascript 或者 Java 这样的编程语言中,当我们把鼠标移动到某个变量上时,我们能够看到这个变量的定义信息。而在 CSS 中,当我们把鼠标移动到一个 CSS 规则上时,我们能看到的则是一段能够让这个 CSS 规则生效的 HTML 的样例代码。

代码跳转和链接

我们还是把鼠标移动到示例代码的第五行 foo 上,然后按下 Cmd 键,这时候 foo下面出现了一个下划线。然后当我们按下鼠标左键,就跳转到了 foo函数的定义处。


当我们在编写 Markdown 这样的非编程语言的文档时,也可以通过 Cmd + 鼠标左键 来打开超级链接。


推荐阅读
  • 本文介绍如何在现有网络中部署基于Linux系统的透明防火墙(网桥模式),以实现灵活的时间段控制、流量限制等功能。通过详细的步骤和配置说明,确保内部网络的安全性和稳定性。 ... [详细]
  • 深入理解Shell脚本编程
    本文详细介绍了Shell脚本编程的基础概念、语法结构及其在操作系统中的应用。通过具体的示例代码,帮助读者掌握如何编写和执行Shell脚本。 ... [详细]
  • 本文将介绍如何编写一些有趣的VBScript脚本,这些脚本可以在朋友之间进行无害的恶作剧。通过简单的代码示例,帮助您了解VBScript的基本语法和功能。 ... [详细]
  • 本文详细介绍如何使用Python进行配置文件的读写操作,涵盖常见的配置文件格式(如INI、JSON、TOML和YAML),并提供具体的代码示例。 ... [详细]
  • 1.如何在运行状态查看源代码?查看函数的源代码,我们通常会使用IDE来完成。比如在PyCharm中,你可以Ctrl+鼠标点击进入函数的源代码。那如果没有IDE呢?当我们想使用一个函 ... [详细]
  • HBase运维工具全解析
    本文深入探讨了HBase常用的运维工具,详细介绍了每种工具的功能、使用场景及操作示例。对于HBase的开发人员和运维工程师来说,这些工具是日常管理和故障排查的重要手段。 ... [详细]
  • 本文详细记录了在基于Debian的Deepin 20操作系统上安装MySQL 5.7的具体步骤,包括软件包的选择、依赖项的处理及远程访问权限的配置。 ... [详细]
  • 本文介绍了一款用于自动化部署 Linux 服务的 Bash 脚本。该脚本不仅涵盖了基本的文件复制和目录创建,还处理了系统服务的配置和启动,确保在多种 Linux 发行版上都能顺利运行。 ... [详细]
  • 本文详细介绍了如何使用 Yii2 的 GridView 组件在列表页面实现数据的直接编辑功能。通过具体的代码示例和步骤,帮助开发者快速掌握这一实用技巧。 ... [详细]
  • 本文介绍如何通过注册表编辑器自定义和优化Windows文件右键菜单,包括删除不需要的菜单项、添加绿色版或非安装版软件以及将特定应用程序(如Sublime Text)添加到右键菜单中。 ... [详细]
  • MongoDB集群配置:副本集与分片详解
    本文详细介绍了如何在MongoDB中配置副本集(Replica Sets)和分片(Sharding),并提供了具体的步骤和命令,帮助读者理解并实现高可用性和水平扩展的MongoDB集群。 ... [详细]
  • 在现代网络环境中,两台计算机之间的文件传输需求日益增长。传统的FTP和SSH方式虽然有效,但其配置复杂、步骤繁琐,难以满足快速且安全的传输需求。本文将介绍一种基于Go语言开发的新一代文件传输工具——Croc,它不仅简化了操作流程,还提供了强大的加密和跨平台支持。 ... [详细]
  • 深入解析JMeter中的JSON提取器及其应用
    本文详细介绍了如何在JMeter中使用JSON提取器来获取和处理API响应中的数据。特别是在需要将一个接口返回的数据作为下一个接口的输入时,JSON提取器是一个非常有用的工具。 ... [详细]
  • 如何彻底清除顽固软件如360
    本文详细介绍了如何彻底卸载难以删除的软件,如360安全卫士。这类软件不仅难以卸载,还会在开机时启动多个应用,影响系统性能。我们将提供两种有效的方法来帮助您彻底清理这些顽固软件。 ... [详细]
  • 微软Exchange服务器遭遇2022年版“千年虫”漏洞
    微软Exchange服务器在新年伊始遭遇了一个类似于‘千年虫’的日期处理漏洞,导致邮件传输受阻。该问题主要影响配置了FIP-FS恶意软件引擎的Exchange 2016和2019版本。 ... [详细]
author-avatar
天狼飞虎神印
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有