VSCode自选插件

1. Chinese (Simplified) Language Pack for Visual Studio Code

此中文（简体）语言包为 VS Code 提供本地化界面。

插件地址
https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-zh-hans

2. ESLint

将ESLint集成到VS代码中，JS代码语法校验

插件地址
https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint

3. Babel ES6/ES7

ES6/ES7语法检查

插件地址
https://marketplace.visualstudio.com/items?itemName=dzannotti.vscode-babel-coloring

4. JavaScript (ES6) code snippets

ES6语法中的JavaScript代码片段(支持JavaScript和TypeScript)。
支持的文件类型：

• JavaScript (.js)
• TypeScript (.ts)
• JavaScript React (.jsx)
• TypeScript React (.tsx)
• Html (.html)
• Vue (.vue)

插件地址
https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets

5. Beautify

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

插件地址
https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify

6. Auto Close Tag

自动添加HTML/XML关闭标签

插件地址
https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag

7. Auto Rename Tag

自动重命名成对的HTML/XML标记

插件地址
https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag

8. Debugger for Chrome

Debugger for Chrome这个插件是直接在vscode里面进行调试js文件，跟谷歌的控制台是一样的功能，下载了它就不用打开浏览器的控制台就能进行打断点。

首先在左侧扩展栏找到这个插件下载好了后重启编辑器之后配置

当你配置完成后直接打开你要调试的js，进入调试界面选好调试的工具（就是刚才配置的名字）

插件地址
https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome

9. Open-In-Browser

方便在编辑器中直接点击去浏览器预览html
MAC快捷键Cmd+Alt+O

插件地址
https://marketplace.visualstudio.com/items?itemName=coderfee.open-html-in-browser

10. Faker

在代码中插入虚拟假数据

数据种类

• address
• commerce
• company
• database
• date
• finance
• hacker
• image
• internet
• lorem
• name
• phone
• random
• system

使用步骤

1. Type cmd+shift+p
2. Choose fake data category
3. Choose sub category

插件地址
https://marketplace.visualstudio.com/items?itemName=deerawan.vscode-faker

11. Color Highlight

这个扩展样式可以在你的文档中找到css/web颜色。

插件地址
https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight

12. SVG Viewer

方便预览svg图

1. Press Ctrl+P and type ext install SVG Viewer with a trailing space.
2. Press Enter and restart VSCode.
3. Open a SVG File.
4. Choose process from Command Palette or Shortcut.

13. Todo Tree

这个扩展可以(使用ripgrep)快速搜索您的工作区，查找TODO和FIXME之类的注释标记，并将它们显示在explorer窗格中的树视图中。单击树中的TODO将打开文件并将光标放在包含TODO的行上。

已找到的待办事项也可以在打开的文件中高亮显示。

插件地址
https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree

14. Regex Previewer

这是一个用于实时测试正则表达式的实用工具。它可以将正则表达式模式应用在任何打开的文件上，并高亮所有的匹配项。

插件地址
https://marketplace.visualstudio.com/items?itemName=chrmarti.regex