超实用VSCode编辑器插件合集

VSCode 编辑器插件合集

1. 主题/图标

1. 简体中文: Chinese(Simplified)

2. 编辑窗口主题: Night Owl

3. 图标主题: Material Icon Theme

4. 产品主题: Material Product Icons

5. 流行的主题 1: One Dark Pro

6. 流行的主题 2: Dracula Official

2. Markdown

1. MarkDown 预览:Markdown Preview Enhanced

2. Markdown 语法验证: markdownnlint

3. Markdown 全聚合:Markdown All in One

4. Markdown 转 PDF:Markdown PDF

3. HTML/CSS

1. 标签自动闭合: Auto Close Tag

2. 标签自动更名: Auto Rename Tag

3. 智能提示增强: HTML CSS Support

4. 图片预览: Image preview

5. 实时预览:Live Server

6. Sass 语法高亮: Sass

7. 单位自动计算: px to rem & rpx & vw(cssrem)

4. JS/ES/TS/Node

1. 官方 JS/TS 插件: JavaScript and TypeScript Nightly

2. 智能自动导入:Auto Import

3. ES6 代码片断: JavaScript(ES6) code snippets

4. JS 语法校验: ESLint

5. 实时预览工具: Quokka.js

6. Quokka配套插件: Quokka Statusbar button

7. Node 代码片断: node-snippets

5. VUE

1. 针对 TS 的 VUE 插件: TypeScript Vue Plugin(Volar)

2. Vue3 常用片断: Vue 3 Snippets

3. Vue2/3 全功能支持: Vue 2 Support-All In One

4. 实用的 Vue 扩展: Vue Language Features(Volar

5. 实用的 Vue 代码片断: Vue VSCode Snippets

6. PHP

1. PHP 智能格式化: php cs fixer

2. PHP 智能块注释: PHP DocBlocker

3. PHP 智能提示增强: PHP Intelephense

4. PHP 常用代码片断 1: PHP Snippets

5. PHP 常用代码片断 2: PHP Snippets VS Code

7. 格式化

1. 通用格式化: Prettier-Code formatter

2. 格式化 php 中 html:Format Html in PHP

3. SQL 格式化工具: SQL Formatter

4. php 格式化工具: phpfmt-PHP formatter

8. 其它

1. 批量文件更名:Batch Rename

2. 多彩的注释文本: Better Comments

3. 16 进制文件查看: Hex Editor

4. 代码截图神器: CodeSnap

5. 代码拼写检测: Code Spell Checker

6. 智能路径提示: Path Intellisense

7. 项目管理器: Project Manager

8. SVG 查看器: SVG

9. 自动跳过引号括号: Tabout

10. 查看 PDF: vscode-pdf

11. 超智能代码提示器:`Tabnine AI Autocomplete