我的全部插件如下，可以复制保存为extensions.json，也可以点击下载，放到任何一个项目的.vscode文件夹下即可自动提示安装这些插件。

extensions.json
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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
[
  {
    "metadata": {
      "id": "d3836729-9cc1-42c1-b2af-d50071f57d29",
      "publisherId": "formulahendry.auto-close-tag",
      "publisherDisplayName": "formulahendry"
    },
    "name": "auto-close-tag",
    "publisher": "formulahendry",
    "version": "0.5.13"
  },
  {
    "metadata": {
      "id": "6e440e71-8ed9-4f25-bb78-4b13096b8a03",
      "publisherId": "formulahendry.auto-rename-tag",
      "publisherDisplayName": "formulahendry"
    },
    "name": "auto-rename-tag",
    "publisher": "formulahendry",
    "version": "0.1.9"
  },
  {
    "metadata": {
      "id": "5a6e2b21-1d61-4acd-b31b-907f9c23f18a",
      "publisherId": "CoenraadS.bracket-pair-colorizer-2",
      "publisherDisplayName": "CoenraadS"
    },
    "name": "bracket-pair-colorizer-2",
    "publisher": "CoenraadS",
    "version": "0.2.2"
  },
  {
    "metadata": {
      "id": "a6a0c5b2-d078-4bf5-a9ee-4e37054414b3",
      "publisherId": "formulahendry.code-runner",
      "publisherDisplayName": "formulahendry"
    },
    "name": "code-runner",
    "publisher": "formulahendry",
    "version": "0.11.6"
  },
  {
    "metadata": {
      "id": "e337c67b-55c2-4fef-8949-eb260e7fb7fd",
      "publisherId": "Shan.code-settings-sync",
      "publisherDisplayName": "Shan"
    },
    "name": "code-settings-sync",
    "publisher": "Shan",
    "version": "3.4.3"
  },
  {
    "metadata": {
      "id": "eaa2127d-cb69-4ab9-8505-a60c9ee5f28b",
      "publisherId": "oderwat.indent-rainbow",
      "publisherDisplayName": "oderwat"
    },
    "name": "indent-rainbow",
    "publisher": "oderwat",
    "version": "8.2.2"
  },
  {
    "metadata": {
      "id": "5db78037-f674-459f-a236-db622c427c5b",
      "publisherId": "PKief.material-icon-theme",
      "publisherDisplayName": "PKief"
    },
    "name": "material-icon-theme",
    "publisher": "PKief",
    "version": "4.11.0"
  },
  {
    "metadata": {
      "id": "26a529c9-2654-4b95-a63f-02f6a52429e6",
      "publisherId": "zhuangtongfa.material-theme",
      "publisherDisplayName": "zhuangtongfa"
    },
    "name": "material-theme",
    "publisher": "zhuangtongfa",
    "version": "3.13.16"
  },
  {
    "metadata": {
      "id": "a41c1549-4053-44d4-bf30-60fc809b4a86",
      "publisherId": "christian-kohler.path-intellisense",
      "publisherDisplayName": "christian-kohler"
    },
    "name": "path-intellisense",
    "publisher": "christian-kohler",
    "version": "2.7.0"
  },
  {
    "metadata": {
      "id": "797a79de-a0fd-4349-9034-bec47be9a941",
      "publisherId": "2gua.rainbow-brackets",
      "publisherDisplayName": "2gua"
    },
    "name": "rainbow-brackets",
    "publisher": "2gua",
    "version": "0.0.6"
  },
  {
    "metadata": {
      "id": "71fb5a1d-a73f-4234-a943-e9b116c28c5f",
      "publisherId": "xuedao.super-translate",
      "publisherDisplayName": "xuedao"
    },
    "name": "super-translate",
    "publisher": "xuedao",
    "version": "1.0.12"
  },
  {
    "metadata": {
      "id": "21b3e09e-b3f7-4e20-9302-50039286650d",
      "publisherId": "mkxml.vscode-filesize",
      "publisherDisplayName": "mkxml"
    },
    "name": "vscode-filesize",
    "publisher": "mkxml",
    "version": "3.1.0"
  }
]

下面我简单介绍一下这些插件的用途。

类别 名称 ID(精准搜索) 备注
基本 GitHub Copilot github.copilot Github的官方AI智能提示助手，很强大，需要Github Pro才能使用
GitHub Copilot Labs github.copilot-labs 更多扩展功能
ChatGPT gencay.vscode-chatgpt 非常热门的生成式语言模型
Bookmarks alefragnani.bookmarks 添加书签，可以方便对不同项目不同文件进行管理
Bracket Pair Colorization Toggler dzhavat.bracket-pair-toggler 彩虹色大括号
indent-rainbow oderwat.indent-rainbow 彩虹色空格
Code Runner formulahendry.code-runner 直接运行代码片段，支持非常多的常用语言
ESLint dbaeumer.vscode-eslint 代码格检查
Prettier esbenp.prettier-vscode 代码格式化
GZip Status logerfo.gzip-status 状态栏实时显示当前文件大小
Image preview kisstkondoros.vscode-gutter-preview 左侧装订线预览图片
Svg Preview simonsiefke.svg-preview 对上者的补充
Open sandcastle.vscode-open 使用系统默认应用打开文件
Path Intellisense christian-kohler.path-intellisense 文件路径智能提示
Todo Tree gruntfuggly.todo-tree 列出项目中的所有TODO
主题 Material Icon Theme pkief.material-icon-theme 项目图标主题
Material Product Icons pkief.material-product-icons 编辑器图标主题
One Dark Vivid Theme fivepointseven.vscode-theme-onedark-vivid 代码主题
正则 any-rule russell.any-rule 正则大全，快速生成对应正则的数据
注释 Better Comments aaron-bond.better-comments 快速生成各类注释，例如 Alerts，Queries， TODOs，Highlights等
koroFileHeader obkoro1.korofileheader 一键生成文件头部注释
HTML Auto Complete Tag formulahendry.auto-complete-tag 自动生成关闭标签
CSS colorize kamikillerto.vscode-colorize 可视化颜色
Iconify IntelliSense antfu.iconify Iconify图标支持和提示
Python Python ms-python.python python语法支持
容器 Dev Containers ms-vscode-remote.remote-containers 连接并管理Docker 容器内的文件
Docker ms-azuretools.vscode-docker 方便的创建、管理和发布Docker应用
DotENV mikestead.dotenv .env文件(环境变量)支持

下面是一些我没有安装，但是也很推荐的插件。

名称 ID(精准搜索) 备注
markdownlint davidanson.vscode-markdownlint Markdown/CommonMark语法样式检查
GitLens eamodio.gitlens Git可视化
Slidev antfu.slidev 程序员的slides
Tailwind CSS IntelliSense bradlc.vscode-tailwindcss tailwindcss语法支持
UnoCSS antfu.unocss UnoCSS语法支持
Volar vue.vscode-typescript-vue-plugin Vue语法支持
YAML redhat.vscode-yaml YMAL语法支持