VSCode 编辑器插件合集
1. 主题/图标
简体中文:
Chinese(Simplified)
编辑窗口主题:
Night Owl
图标主题:
Material Icon Theme
产品主题:
Material Product Icons
流行的主题 1:
One Dark Pro
流行的主题 2:
Dracula Official
2. Markdown
MarkDown 预览:
Markdown Preview Enhanced
Markdown 语法验证:
markdownnlint
Markdown 全聚合:
Markdown All in One
Markdown 转 PDF:
Markdown PDF
3. HTML/CSS
标签自动闭合:
Auto Close Tag
标签自动更名:
Auto Rename Tag
智能提示增强:
HTML CSS Support
图片预览:
Image preview
实时预览:
Live Server
Sass 语法高亮:
Sass
单位自动计算:
px to rem & rpx & vw(cssrem)
4. JS/ES/TS/Node
官方 JS/TS 插件:
JavaScript and TypeScript Nightly
智能自动导入:
Auto Import
ES6 代码片断:
JavaScript(ES6) code snippets
JS 语法校验:
ESLint
实时预览工具:
Quokka.js
Quokka
配套插件:Quokka Statusbar button
Node 代码片断:
node-snippets
5. VUE
针对 TS 的 VUE 插件:
TypeScript Vue Plugin(Volar)
Vue3 常用片断:
Vue 3 Snippets
Vue2/3 全功能支持:
Vue 2 Support-All In One
实用的 Vue 扩展:
Vue Language Features(Volar
实用的 Vue 代码片断:
Vue VSCode Snippets
6. PHP
PHP 智能格式化:
php cs fixer
PHP 智能块注释:
PHP DocBlocker
PHP 智能提示增强:
PHP Intelephense
PHP 常用代码片断 1:
PHP Snippets
PHP 常用代码片断 2:
PHP Snippets VS Code
7. 格式化
通用格式化:
Prettier-Code formatter
格式化 php 中 html:
Format Html in PHP
SQL 格式化工具:
SQL Formatter
php 格式化工具:
phpfmt-PHP formatter
8. 其它
批量文件更名:
Batch Rename
多彩的注释文本:
Better Comments
16 进制文件查看:
Hex Editor
代码截图神器:
CodeSnap
代码拼写检测:
Code Spell Checker
智能路径提示:
Path Intellisense
项目管理器:
Project Manager
SVG 查看器:
SVG
自动跳过引号括号:
Tabout
查看 PDF:
vscode-pdf
超智能代码提示器:`Tabnine AI Autocomplete