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中提高开发效率的一些小技巧,详细而简单易懂,相信你一定会喜欢上这个强大的编辑器。