VSCode 实用插件分享_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"

any-rule
any-rule正则表达式截图

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
Code Spell checker

3. TODO Highlight

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

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

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

4. Path Intellisense

自动补全文件路径。

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

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

Path Intellisense
Path Intellisense setting

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