VSCode好用的插件

1、Chinese (Simplified) (简体中文) Language Pack（汉化vscode 必备）

在这里插入图片描述

2、Bracket Pair Colorizer（给代码中的括号添加亮色，便于区分）

在这里插入图片描述

3、Auto Close Tag（自动补全标签，必备）

在这里插入图片描述

4、Auto Rename Tag （修改标签名，自动同步修改闭合标签的标签名，必备）

在这里插入图片描述

5、open in browser（用 vscode 写 html 相关代码的时候，可以下载这个插件，可以使用快捷键 Alt+B 打开默认浏览器，访问页面内容）

在这里插入图片描述

6、Vetur（如果写 Vue 项目，可以安装，可以高亮 Vue 代码，格式化代码等）

在这里插入图片描述

7、beautify

格式化代码工具

美化 javascript，JSON，CSS，Sass 和 HTML 在 Visual Studio 代码。

在这里插入图片描述

8、vscode-icons

显示 Visual Studio 代码的图标，目前该插件已被 vscode 内部支持：“文件” -> “首选项” -> “文件图标主题”

9、guides

显示代码对齐辅助线，很好用

在这里插入图片描述

10、Path Intellisense

可自动填充文件名。

在这里插入图片描述

11、HTML Snippets

完整的HTML代码提示，包括HTML5

在这里插入图片描述

12、HTML CSS Support

在 html 标签上写 class 智能提示 css 样式

在这里插入图片描述

13、VueHelper

snippet代码片段

在这里插入图片描述

14、VS Code JavaScript(ES6) snippets

当前最流行的，已有超过 120 万的下载量。这个插件为 JavaScript、TypeScript、HTML、React 和 Vue 提供了 ES6 的语法支持；
在这里插入图片描述

15、Path Autocomplete

路径补全工具

在这里插入图片描述

【参考文献】

  1. vscode好用的插件
  2. VS Code常用插件
  3. VScode插件推荐（全面）
  4. 16个vscode插件提升你的开发效率

在这里插入图片描述
微信扫描二维码，关注前端老L