[开发工具]VS code 常用插件

VS code 常用插件

不定时更新

1. Chinese (Simplified) Language Pack for Visual Studio Code（汉化vscode 必备）
2. path intellisense 路径补全
3. .Bracket Pair Colorizer（给代码中的括号添加亮色 便于区分 这里截图有报错 是特意便于演示写的多组括号）
4. Auto Close Tag （自动补全标签 必备）
5. Auto Rename Tag （修改标签名 自动同步修改闭合标签的标签名 必备）
6. Class autocomplete for HTML （自动补全class="" 属性）
7. Draw.io Integration（强烈推荐 画流程图有它就够了 命名文件后缀为.drawio 写好了 可以组合 也可以导出为svg、png等格式 有提示箭头 拖拽就可以 可以左上角文件->导出->选格式导出）
8. Beautify （美化代码）
9. Image preview（现应用场景：在代码中写了图片链接，要这个这张图片的宽高 只需要悬停在链接上 就可以看到图片宽高信息 ）
10. JavaScript (ES6) code snippets （es6代码快捷键 也包含常用的console.log之类的 可以少码一点代码 提升效率
11. Markdown Preview Enhanced (强烈推荐 可以编辑器内看markdown编译出来的效果)
12. open in browser(用vscode写html相关代码的时候 可以下载这个插件 可以使用快捷键 Alt+B 打开默认浏览器 访问页面内容)
13. Quokka.js这个插件 主要是基于js或者ts 在编辑器中快速查看键入代码的结果 很方便 不需要再打console控制台看
14. Color Info 提供你在 CSS 中使用颜色的相关信息。你只需在颜色上悬停光标，就可以预览色块中色彩模型的（HEX、 RGB、HSL 和 CMYK）相关信息了。
15. Regex Previewer 这是一个用于实时测试正则表达式的实用工具。它可以将正则表达式模式应用在任何打开的文件上，并高亮所有的匹配项。
16. filesize 文件大小
17. guides
18. One Dark Pro 暗色主题
19. Beautify 代码美化
20. ESLint 代码检查工具。语法规则和代码风格的检查工具，可以用来保证写出语法正确、风格统一的代码。