vscode 提效插件记录

7/20/2021 其他

# 插件列表

  1. Chinese (Simplified) (简体中文)
  2. Debugger for Chrome
  3. Auto Close Tag
  4. Auto Import
  5. Auto Rename Tag
  6. Bracket Pair Colorizer
  7. Code Runner
  8. Color Highlight
  9. Community Material Theme
  10. GitLens
  11. Highlight Matching Tag
  12. Import Cost
  13. IntelliSense for CSS class names in HTML
  14. LeetCode
  15. lit-html
  16. Live Server
  17. Npm Intellisense
  18. Open in Browser
  19. Path Intellisense
  20. Polacode
  21. ESLint/Prettier - Code formatter
  22. Vetur
  23. Vue Language Features (Volar)
  24. vscode-icons

# Chinese (Simplified) (简体中文)

适用于 VS Code 的中文(简体)语言包

# Debugger for Chrome插件

debug利器

# Auto Close Tag

自动添加 HTML/XML 关闭标记,与 Visual Studio IDE 或 Sublime Text 相同。

# Auto Import

自动导入包插件,导入包时的自动提示

# Auto Rename Tag

同步修改 HTML/XML标签

# Bracket Pair Colorizer

彩虹括号,给成对的括号上色。

# Code Runner

代码运行器,平时写一些测试代码,和一些逻辑库,快捷键 Ctrl+Alt+M, 喝口水,看一下结果,悠哉。

# Color Highlight

颜色高亮显示的插件

# Community Material Theme

vscode 皮肤插件

# GitLens

直接在VSCode里面,查看Git的历史。

# Highlight Matching Tag

突出显示匹配的开始或结束标签。

# Import Cost

依赖包大小提示

# IntelliSense for CSS class names in HTML

根据所输入的class在工作空间或link元素引入的外部文件中找到相应的类名称并提示给html

# LeetCode

在VS code上优雅地刷leetcode

# lit-html

在JavaScript/TypeScript的文件中,如果有使用到HTML标记,lit-html提供语法高亮和相应的补全支持。

# Live Server

开启一个实时的本地服务器

# Npm Intellisense

npm模块导入智能提示,那么多npm模块,记性不好,脑子不快,没关系,这款插件替你分忧。

# Open in Browser

提供右键菜单选项,一键在浏览器打开html文件。

# Path Intellisense

智能路径补全

# Polacode

分享代码插件,先打开你要分享的代码,然后按Ctrl + Shift + p 打开命令面板,然后再输入框中输入Polacode,就可以打开使用了。

# ESLint/Prettier - Code formatter

代码检查和格式化。

# Vetur

vue 代码风格校验代码格式化。

# Vue Language Features (Volar)

vue3 格式化插件

# vscode-icons

VsCode中的图标插件,可以控制vscode中的文件管理的树目录显示图标。