VSCode 插件推荐

发表于 分类于 阅读次数： 本文字数： 727 阅读时长 ≈ 3 分钟

整理下自己常用的 VSCode 插件。其中标题带 ✨ 表示目前正在使用的。

CodeGeeX: AI Coding Assistant ✨

AI 编程助手。

功能名称 操作方法 描述
代码自动补全 按 Tab 键采纳建议，按任意键取消 在编码过程中，CodeGeeX 会根据上下文内容提供代码补全建议
代码生成 输入自然语言注释 CodeGeeX 可以生成相关代码片段
代码注释 选中代码，右键点击选择 CodeGeeX -> Add Comment 为代码添加注释
幽灵注释 选中代码，右键点击选择 CodeGeeX -> Add Ghost Comment 为代码添加幽灵注释。这些注释不会直接写入代码中，因此得名“幽灵”
代码解释 选中代码，右键点击选择 CodeGeeX -> Explain Code，或输入 /explain 解释选中的代码
代码优化 选中代码，右键点击选择 CodeGeeX -> Optimize Code 优化选中的代码
生成单元测试 选中代码，右键点击选择 CodeGeeX -> Generate Unit Test 为选中的代码生成单元测试
修复代码错误 选中代码，右键点击选择 CodeGeeX -> Fix Bug 修复选中的代码中的错误
行内对话编程 使用快捷键 Ctrl+I（Windows）或 Command+I（Mac） 触发行内对话编程功能
开源代码仓库智能问答 使用 @Repo 功能 对开源代码仓库进行提问

Code Spell Checker ✨

安装后，插件默认会自动识别单词的拼写错误，并在文件和 PROBLEM 选项框中提示，颜色默认是蓝色。
取消拼写检查:

  1. 完全禁用插件：如果不想进行拼写检查，可以在插件商城中将该插件禁用。
  2. 取消对单个文件的检查：在文件开头添加以下注释之一：
1
2
3
/* cspell:disable */
/* spell-checker: disable */
/* spellchecker: disable */

不同文件的注释方式可能不同，例如在 JavaScript 中可以使用 // cspell:disable，在 HTML 中可以使用 <!-- spell:disable -->。
忽略特定单词：在文件中添加以下注释，忽略特定单词：

1
// cspell:ignore Pinia,zaallano,wooorrdd

这适用于文件中引入的库名或自定义字段。

Better Comments

  1. 打开 Visual Studio Code 的设置（快捷键 Ctrl+,）。
  2. 在搜索框中输入 Better Comments。
  3. 根据需要调整以下设置：
    better-comments.multilineComments：控制是否对多行注释使用注释标签进行样式化。
    better-comments.highlightPlainText：控制是否对纯文本文件中的注释使用注释标签进行样式化。
    better-comments.tags：自定义注释标签及其样式。
  4. 自定义注释样式
    通过修改 better-comments.tags 设置来自定义注释的样式。例如：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
"better-comments.tags": [
    {
      "tag": "!",
      "color": "#FF2D00",
      "strikethrough": false,
      "underline": false,
      "backgroundColor": "transparent",
      "bold": false,
      "italic": false
    },
    {
      "tag": "?",
      "color": "#3498DB",
      "strikethrough": false,
      "underline": false,
      "backgroundColor": "transparent",
      "bold": false,
      "italic": false
    },
    {
      "tag": "//",
      "color": "#474747",
      "strikethrough": true,
      "underline": false,
      "backgroundColor": "transparent",
      "bold": false,
      "italic": false
    },
    {
      "tag": "todo",
      "color": "#FF8C00",
      "strikethrough": false,
      "underline": false,
      "backgroundColor": "transparent",
      "bold": false,
      "italic": false
    },
    {
      "tag": "*",
      "color": "#98C379",
      "strikethrough": false,
      "underline": false,
      "backgroundColor": "transparent",
      "bold": false,
      "italic": false
    }
  ]