VSCode 必备插件推荐

VSCode 必备插件推荐

1 界面美化

1.1 Chinese (Simplified) | 简体中文

VSCode 必备插件推荐_第1张图片

1.2 vscode-icons | 美化图标

VSCode 必备插件推荐_第2张图片

VSCode 必备插件推荐_第3张图片

1.3 Bracket Pair Colorizer | 彩色括号

VSCode 必备插件推荐_第4张图片

VSCode 必备插件推荐_第5张图片

1.4 indent-rainbow | 给缩进加颜色

VSCode 必备插件推荐_第6张图片

VSCode 必备插件推荐_第7张图片

1.5 Better Comments | 彩色注释

VSCode 必备插件推荐_第8张图片

VSCode 必备插件推荐_第9张图片

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

VSCode 必备插件推荐_第10张图片

1.7 Material Theme | 主题

VSCode 必备插件推荐_第11张图片

1.8 Power Mode | 打字特效

VSCode 必备插件推荐_第12张图片

2 工具

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

VSCode 必备插件推荐_第13张图片

2.2 Live Server | 本地服务

VSCode 必备插件推荐_第14张图片

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

image-20220414173951846

2.4 A-super-translate | 英文翻译

VSCode 必备插件推荐_第15张图片

2.5 Auto Close Tag | 自动闭合标签

VSCode 必备插件推荐_第16张图片

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

VSCode 必备插件推荐_第17张图片

2.7 Prettier - Code formatter | 代码格式化

VSCode 必备插件推荐_第18张图片

2.8 Draw.io Integration | 绘制流程图

VSCode 必备插件推荐_第19张图片

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

VSCode 必备插件推荐_第20张图片

3 代码提示

3.1 Path Intellisense | 路径提示

VSCode 必备插件推荐_第21张图片

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

VSCode 必备插件推荐_第22张图片

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

VSCode 必备插件推荐_第23张图片

3.4 jQuery Code Snippets | jQuery 代码提示

VSCode 必备插件推荐_第24张图片

4 vue 插件

4.1 Vetur | vue 必备

VSCode 必备插件推荐_第25张图片

4.2 VueHelper | vue 代码片段

VSCode 必备插件推荐_第26张图片

4.3 ESLint | 语法纠错

VSCode 必备插件推荐_第27张图片

5 php 插件

5.1 PHP Intelephense | php 编译插件

VSCode 必备插件推荐_第28张图片

5.2 PHP DocBlocker | php 接口注释

VSCode 必备插件推荐_第29张图片

5.3 PHP Debug | php debug

VSCode 必备插件推荐_第30张图片

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

VSCode 必备插件推荐_第31张图片

5.5 PHP Server | 右键在浏览器中打开

VSCode 必备插件推荐_第32张图片

6 git 插件

6.1 GitLens — Git supercharged

image-20220415113458730

6.2 Git History

VSCode 必备插件推荐_第33张图片

6.3 Git Blame

VSCode 必备插件推荐_第34张图片

6.4 Git Graph

VSCode 必备插件推荐_第35张图片

你可能感兴趣的:(vscode)