VSCode 实用插件分享

此篇用来记录、分享四个简单好用的 VSCode插件，非常具有实用性。

1. any-rule：正则表达式
2. Code Spell checker：拼写检查
3. TODO Highlight：待做高亮
4. Path Intellisense：路径自动补全

1. any-rule

快速输出正则表达式，能很大程度上提高开发效率。
已有84条正则表达式
支持web / vscode / idea / Alfred Workflow多平台

安装后使用方式有三种：

1. 按F1(mac下fn+F1)打开正则列表，输入zz
2. 右键选择"🦕正则大全"
3. 代码任意位置输入"@zz"

2. Code Spell checker

检查单词拼写是否正确，能有效提高代码质量，还能导入各种语言词典。

当出现拼写错误时，单词下面会出现蓝色波浪线进行提示。

关于其他具体配置，比如disable、enable、ignore、words、locale、ignoreRegExp、includeRegExp、enableCompoundWords、disableCompoundWords都可进行配置，具体可查看插件说明。

目前支持25种文件类型，常见的文件类型都包含
AsciiDoc、C, C++、C#、css, less, scss
Dart、Elixir、Go、Html、Java、
JavaScript、JSON / JSONC、LaTeX、
Markdown、PHP、PowerShell、
Pug / Jade、Python、reStructuredText
Ruby、Rust、Scala、Text、TypeScript、
YAML、SQL

3. TODO Highlight

待做高亮，提醒开发者此处有没做完或后续需要解决的。

默认高亮关键字有TODO:、FIXME。

支持自定义关键字高亮，编辑vscode的settings.json进行配置其他参数，如下图2。

4. Path Intellisense

自动补全文件路径。

手动输入容易出现错误，这时候自动补全文件路径就非常的方便。

可手动配置导入带文件扩展名、展示隐藏文件、自动消减、自动弹出下层目录、绝对路径、映射等具体参数。

5. 其他插件

个人安装了很多其他的插件，比如

1. JavaScript and TypeScript Nightly
2. Pylance、Vue Language Features
3. Auto Close Tag
4. Auto Rename Tag
5. Chinese (Simplified)
6. CSS Peek
7. ESLint
8. Git History
9. GitLens — Git supercharged
10. Highlight Matching Tag
11. HTML CSS Support
12. HTML Snippets
13. Image preview
14. Markdown Preview Enhanced
15. Markmap
16. Prettier - Code formatter
17. Python
18. Stylelint
19. Toggle Quotes
20. vscode-icons
21. VueHelper