VSCode 必备插件推荐

时间：2024-11-18 12:30:19

VSCode 必备插件推荐

1 界面美化

1.1 Chinese (Simplified) | 简体中文

image-20220414170304545

1.2 vscode-icons | 美化图标

image-20220414170457249

image-20220414170616085

1.3 Bracket Pair Colorizer | 彩色括号

image-20220414171139218

image-20220414171300816

1.4 indent-rainbow | 给缩进加颜色

image-20220414171527502

image-20220414171604802

1.5 Better Comments | 彩色注释

image-20220414172357269

image-20220414172433732

1.6 Trailing Spaces | 语句结尾空格高亮显示

image-20220414172706680

1.7 Material Theme | 主题

image-20220414173004890

1.8 Power Mode | 打字特效

image-20220414173302225

2 工具

2.1 open in browser | 右键在浏览器中显示

image-20220414222945727

2.2 Live Server | 本地服务

image-20220415112101910

2.3 Code Runner | 选择代码独立运行

image-20220414173951846

2.4 A-super-translate | 英文翻译

image-20220414174307629

2.5 Auto Close Tag | 自动闭合标签

image-20220414174518952

2.6 Auto Rename Tag | 自动重命名标签

image-20220414174705876

2.7 Prettier - Code formatter | 代码格式化

image-20220414174930762

2.8 Integration | 绘制流程图

image-20220415113941026

2.9 Highlight Matching Tag | 突出显示匹配标签

image-20220415114125998

3 代码提示

3.1 Path Intellisense | 路径提示

image-20220414173846233

3.2 HTML CSS Support | id 、类属性补全

image-20220414221900372

3.3 JavaScript(ES6) code snippets | ES6 语法智能提示

image-20220414175346484

3.4 jQuery Code Snippets | jQuery 代码提示

image-20220414221606320

4 vue 插件

4.1 Vetur | vue 必备

image-20220414222352012

4.2 VueHelper | vue 代码片段

image-20220415114517745

4.3 ESLint | 语法纠错

image-20220414222647154

5 php 插件

5.1 PHP Intelephense | php 编译插件

image-20220415112638687

5.2 PHP DocBlocker | php 接口注释

image-20220415112757209

5.3 PHP Debug | php debug

在这里插入图片描述

5.4 phpfmt - PHP formatter | php 格式化插件

image-20220415113022546

6 git 插件

6.1 GitLens — Git supercharged

image-20220415113458730

6.2 Git History

在这里插入图片描述

6.3 Git Blame

image-20220415113646587

6.4 Git Graph

image-20220415113723673

相关文章