值得收藏的几个VSCode代码技巧和窍门

1. 实用的文件快速定位技巧

1.1 Ctrl + P 命令行定位

在VSCode中,使用Ctrl + P快捷键会打开一个命令行工具,可以通过输入文件名来快速定位到该文件。此时,输入文件名中可以使用空格、反斜杠和正斜杠等符号来进行模糊匹配,非常方便。

示例:

Ctrl + P

src\co\gen\test\controller\TestController.java

表示要打开src目录下co文件夹中gen文件夹中test文件夹中的controller包中的TestController.java文件。

1.2 自定义代码片段快速定位

在VSCode中,我们可以通过自定义代码片段来快速定义常用的代码块,例如常用的Maven依赖、日志输出模板等。如果代码片段设置得当,我们可以通过快捷键或者命令行来定位到该特定的代码片段。

示例:

Ctrl + Shift + P

Add Maven Dependency

使用以上命令,可以快速定位到添加Maven依赖的代码片段,避免手动编辑pom.xml文件的繁琐。

2. 快速代码编写技巧

2.1 Emmet语法快速代码生成

在VSCode中,我们可以使用Emmet语法来快速生成HTML、CSS和XML等代码。例如,当我们在HTML文档中输入ul>li*3后,按下Tab键,即可快速生成一个包含3个li标签的无序列表。

示例:

html:5

ul>li*3

以上代码生成以下HTML代码:

<!doctype html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title>Document</title>

</head>

<body>

<ul>

<li></li>

<li></li>

<li></li>

</ul>

</body>

</html>

2.2 快速注释代码

在VSCode中,我们可以使用Ctrl + /快捷键来快速注释或者取消注释代码。

示例:

// 注释掉的代码

//console.log("这段代码不会被执行");

// 取消注释的代码

console.log("这段代码会被执行");

3. 代码格式化和调试技巧

3.1 快速代码格式化

在VSCode中,我们可以使用Alt + Shift + F快捷键来对当前文件或者选中的代码进行格式化。如果安装了对应的格式化插件,可以快速格式化各种编程语言的代码。

3.2 调试技巧

在VSCode中,我们可以使用内置的调试模式对代码进行调试。在当前项目的根目录中创建一个launch.json文件,配置调试模式和要调试的代码文件。配置完毕后,可以通过F5快捷键来启动调试模式,通过断点和控制台输出来调试代码。

4. Summary

以上是本文介绍的几个VSCode代码技巧和窍门,包括实用的文件快速定位技巧、快速代码编写技巧、代码格式化和调试技巧等。这些技巧和窍门能够帮助我们提高编码效率和代码质量,值得收藏。