分享10 种VSCode中提升开发效率的小技巧

1. 安装必要插件

VSCode是个高度可定制的编辑器,可以装很多有帮助的插件来提升工作流。以下是一些常用的插件:

Bracket Pair Colorizer,帮助标识匹配括号的颜色

Auto Rename Tag,重命名 HTML/XML 标签会自动修改同时匹配的 tag

HTML CSS Support,在 HTML 标签上自动完成 CSS 类名

GitLens,让Git更好用

2. 符号和代码段注释

符号注释很方便阅读代码,vscode中支持为代码添加注释。只需设定一个注释格式,然后直接输入符号,就可以直接生成注释。这个可以通过‘File > Preferences > User > Snippets’来配置自定义注释格式,然后通过按下“Ctrl + Shift + P”调出命令面板,而后搜索“Configure User Snippets”,选择合适的语言,将下面代码片段加入其中:

"Symbol Comment": {

"prefix": "symc",

"body": [

"/**",

" * $1",

" */",

"$2"

],

"description": "Symbol Comment"

}

代码段注释也是一个有用的工具,可以展示一个代码块的功能,或者提供使用例子。VSCode允许通过‘File > Preferences > User > Snippets’自定义代码段,将下面代码块加入到对应的语言中即可:

"Code Snippet Comment": {

"prefix": "csc",

"body": [

"/**",

" * $1",

" *",

" * ${TM_SELECTED_TEXT/^(.*)$/ * $1/gm}",

" *",

" */",

"$2"

],

"description": "Code Snippet Comment"

}

3. 快速跳转

VSCode提供了一种快速跳转链接代码的功能。只需要按住“Ctrl”(Windows 和 Linux)或者“Command”(macOS),然后单击链接即可。这能够帮助我们轻松地查找代码中的定义、引用、实现等等。然后,通过快捷键“Ctrl + Alt + 左方向键”(Windows 和 Linux)或者“Ctrl + Shift + 左方向键”(macOS)返回之前的位置。

4. 利用代码片段

VSCode 的代码片段能够帮你快速输入代码框架、常用代码段。代码片段非常灵活,可以按照自己的需求定制。例如,你可以创建一个名为“fun”的代码段,快速生成一个函数框架,实现以下功能:

"Function Example": {

"prefix": "fun",

"body": [

"function ${1:functionName}(${2:param1}, ${3:param2}) {",

"${4:console.log('$1 function called!');}",

"}"

],

"description": "Function Example"

}

5. 自定义键绑定

键绑定可以极大程度上提高 VSCode 的可用性。默认情况下,VSCode 提供了许多输入和命令绑定,但是存在您自己的绑定可以极大提高您的工作流程。以下是一个针对重定向输出终端的快捷键“Ctrl + Shift + T”的绑定方法:

{

"key": "ctrl+shift+t",

"command": "workbench.action.terminal.focus"

}

6. 快速折叠代码块

VSCode可以折叠文件中的代码块。这是一个非常有用的功能,可以帮助您隐藏掉不需要关注的代码部分。可以通过点击行号旁的折叠按钮或者按下“Ctrl + Shift + [`(或者`]`)”来折叠代码块。

7. 自动格式化

VSCode自带了代码格式化的功能,很多编程语言的插件也提供了格式化代码的功能。格式化代码可以保持代码一致性和可读性。按下“Shift + Alt + F”对代码进行格式化。或者通过“Code -> Preferences -> Settings”,搜索 formatter的设置,选择对应的格式化工具,就可以自动格式化代码。

8. 探索文件

在VSCode中探索文件非常容易。在资源管理器中选中文件或文件夹后,按下“Shift + F12”或者右键选择“Find All References”就可以查找文件的所有引用。如果你想快速打开一个文件并且不想使用资源管理器。使用“Ctrl + P”,然后输入文件名或者文件路径,VSCode将自动搜索打开该文件。

9. 进行搜索和替换

和其他编辑器一样,VSCode 提供了检查和替换的功能。如果你想要整个项目替换某个单词,按下“Ctrl + Shift + F”启动全局搜索。如果你想仅仅在当前打开的文件中进行查找,按下“Ctrl + F”。替换功能是为了方便,选中文本并按下“Ctrl + H”,将会打开替换栏。

10. 使用Git

许多我们项目和代码都是通过 Git 进行管理,既然VSCode已经支持 Git。它提供了一个图形化的界面,可以轻松快速的使用Git。如果你已经在VSCode项目目录中打开了 Git 仓库,可以通过“Ctrl + Shift + G”打开 Git 管理器。这将会列出你所有的修改和分支。你还可以点击“Ctrl + Enter”将代码提交到远程仓库。

以上就是VSCode中提高开发效率的一些小技巧,详细而简单易懂,相信你一定会喜欢上这个强大的编辑器。

免责声明:本文来自互联网,本站所有信息(包括但不限于文字、视频、音频、数据及图表),不保证该信息的准确性、真实性、完整性、有效性、及时性、原创性等,版权归属于原作者,如无意侵犯媒体或个人知识产权,请来电或致函告之,本站将在第一时间处理。猿码集站发布此文目的在于促进信息交流,此文观点与本站立场无关,不承担任何责任。