转载请注明出处，谢谢

基础设置插件

Chinese：将vscode语言设置为中文
Auto Rename Tag：重命名一个HTML / XML标签时，自动重命名配对的HTML / XML标签
Bracket Pair Colorizer 2：自动找到对应括号并用颜色标识出来(作者停止维护,但依旧可以用)
CSS Peek：跳转到样式的定义，按住CTRL键同时点击样式类的名称或者在类的名称上按F12键即可跳转到样式的定义
Image preview：预览图片
Path Intellisense:路径提示
Live Server：开启一个实时的本地服务器
open in browser：提供右键菜单选项，一键在浏览器打开html文件
vscode-icons：文件图标
Postcode：在 vscode 里面使用 postman
Project Manager:项目管理器，适用于经常切换项目
Svg Preview: VSCode 的 Svg 预览
Turbo Console Log: 快速log,ctrl + alt + L (Windows) or ctrl + option + L (Mac)

AI工具

TONGYI Lingma: 阿里出品 通义灵码
CodeGeeX：Tab一下，代码自动生成
Tabnine AI：利用机器学习补全代码的编辑器插件

有条件可以尝试使用GitHub Copilot

git相关插件

GitLens：多人协作开发时，可快速查找 git 提交记录
Git Graph:可视化git历史提交内容

vue开发插件

Vetur：想要VScode编辑器识别vue文件需要安装vue插件--Vetur插件(vue2.x + ts 使用此插件)
Volar：vue2.7 + ts使用Vetur引入时会报错,将Vetur禁用,使用此插件
Vue3 Snippets：快速生成Vue3代码
推荐使用 Vetur + Vue3 Snippets 如遇报错可尝试使用 Volar + Vue3 Snippets

常见组合:

vue3+ts
TypeScript Vue Plugin (Volar)
Vue Language Features (Volar)

vue2+ts
Vetur
Vue VSCode Snippets

小程序开发插件

小程序开发助手：vscode开发小程序插件