总结了一下现在最常用的 vscode 插件推荐给大家
| 插件 | 说明 |
|---|---|
| Chinese (Simplified) | 把编辑器语言切换成简体中文 |
| Codelf | 命名推荐 |
| Change Case | 此插件则添加了用于修改文本的更多命名格式，包括驼峰命名、下划线分隔命名，snake_case 命名以及 CONST_CAS 命名等。 |
| Open-In-Browser | 右键快速打开浏览器 |
| Live Serverid | 实时同步把代码渲染到浏览器 |
| CSS Peek | 使用此插件，你可以追踪至样式表中 CSS 类和 ids 定义的地方。当你在 HTML 文件中右键单击选择器时，选择“ Go to Definition 和 Peek definition ”选项，它便会给你发送样式设置的 CSS 代码。 |
| Color Info | 颜色预览 |
| Image preview | 图片宽高预览 |
| Beautify | 美化代码 |
| Auto Close Tag | 自动补全标签 |
| Auto-Rename-Tag | 修改标签名 自动同步修改闭合标签的标签名 |
| Bracket Pair Colorizer 2 | 为代码中的括号添上一抹亮色 |
| HTML CSS Support | html提示css自动补全 |
| HTML Boilerplate | 通过使用 HTML 模版插件，你就摆脱了为 HTML 新文件重新编写头部和正文标签的苦恼。你只需在空文件中输入 html，并按 Tab 键，即可生成干净的文档结构。 |
| TODO Highlight / TODO Tree。 | 快速找到 TODO 、FIXME 注释 |
| JavaScript (ES6) code snippets | ES6快捷键 |
| Icon Fonts | 这是一个能够在项目中添加图标字体的插件。该插件支持超过 20 个热门的图标集，包括了 Font Awesome、Ionicons、Glyphicons 和 Material Design Icons。 |
| Atom One Dark Theme | 一款暗黑主题 |
| Community Material Theme | 一款小众主题 |
| vscode-icons | 它不仅能够给文件夹、文件添加上舒适的图标，而且可以自动检测项目，根据项目不同功能配上不同图标，例如，git、Markdown、配置项、工具类等等。 |
| Material Icon Theme | Material 图标主题 |
| Material Theme | Material 代码主题 |
| Panda Theme | 可爱的熊猫主题 |
| Prettier - Code formatter | Prettier 是目前 Web 开发中最受欢迎的代码格式化程序。安装了这个插件，它就能够自动应用 Prettier，并将整个 JS 和 CSS 文档快速格式化为统一的代码样式。 |
| ESLintid | 用于规范代码风格 |
| Regex Previewer | 这是一个用于实时测试正则表达式的实用工具。它可以将正则表达式模式应用在任何打开的文件上，并高亮所有的匹配项 |
| Debugger for Chrome | 打断点，映射 vscode 上到 Chrome 上 方便调试 |
| Quokka.js | 主要是基于 js 或者 ts，在编辑器中快速查看键入代码的结果 很方便 不需要再打console控制台看 |
| REST Clien | 功能与 postman 一致 建立一个 .http 后缀的文件 把接口相关链接 请求方式 参数等放在里面 可以直接点 Send Request 或者快捷键 Ctrl+Alt+r 就可以查看请求返回信息 |
| Vetur | 如果写 Vue 项目 可以安装 可以高亮 Vue 代码 格式化代码等 |
| Volar | Vue3 代码高亮，格式化代码等，比 Vetur 更强大 |
| Markdown All in One | 这款插件可以实现媲美 Typora 的 Markdown 编辑体验 |
| Markdown Preview Enhanced | 可以编辑器内看markdown编译出来的效果 |
❤️ 感谢大家
如果本文对你有帮助，就点个赞支持下吧，你的「赞」是我创作的动力。
