VSCode开发必备插件推荐(墙裂推荐!)

 更新时间:2022年11月30日 10:29:03   作者:soul g  
vscode是微软开发的的一款代码编辑器,就如官网上说的一样,vscode重新定义(redefined)了代码编辑器,下面这篇文章主要给大家介绍了关于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 Draw.io 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

image-20220415112906681

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

image-20220415113022546

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

image-20220415184000869

6 git 插件

6.1 GitLens — Git supercharged

image-20220415113458730

6.2 Git History

image-20220415113533953

6.3 Git Blame

image-20220415113646587

6.4 Git Graph

image-20220415113723673

总结

到此这篇关于VSCode必备插件推荐的文章就介绍到这了,更多相关VSCode必备插件内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • IDEA2019.3在Plugins中搜索不到translation的解决

    IDEA2019.3在Plugins中搜索不到translation的解决

    这篇文章主要介绍了IDEA2019.3在Plugins中搜索不到translation的解决,文中通过图文的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-06-06
  • google提供二维码生成器

    google提供二维码生成器

    这篇文章主要介绍了google提供二维码生成器的在线地址,一般情况下大家可以根据自己的需要修改参数就可以了
    2014-04-04
  • 详解cron表达式

    详解cron表达式

    Cron表达式是一个字符串,字符串以5或6个空格隔开,分为6或7个域,每一个域代表一个含义。接下来通过本文给大家详细介绍cron表达式内容,感兴趣的朋友一起看看吧
    2018-04-04
  • 怎样写commit log记录及如何提交有哪些约定

    怎样写commit log记录及如何提交有哪些约定

    这篇文章主要为大家介绍了怎样写commit log记录以及及如何提交有哪些约定,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-06-06
  • 高性能WEB开发 为什么要减少请求数,如何减少请求数!

    高性能WEB开发 为什么要减少请求数,如何减少请求数!

    我们先分析下请求头,看看每次请求都带了那些额外的数据.下面是监控的google的请求头
    2010-05-05
  • 在VScode中创建你的代码模板的方法

    在VScode中创建你的代码模板的方法

    这篇文章主要介绍了在VScode中创建你的代码模板的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-04-04
  • Vertica集成Apache Hudi重磅使用指南

    Vertica集成Apache Hudi重磅使用指南

    这篇文章主要为大家介绍了Vertica集成Apache Hudi的重磅使用指南,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步早日升职加薪
    2022-03-03
  • IDEA中alt+ enter快捷键失效/没用时该怎么办(详细版)

    IDEA中alt+ enter快捷键失效/没用时该怎么办(详细版)

    IDEA里有一个万能快捷键(alt enter)功能非常强大,同一个快捷键,可以根据不同的语境提示你不同的操作,这篇文章主要给大家介绍了关于IDEA中alt+ enter快捷键失效/没用时该怎么办的相关资料,需要的朋友可以参考下
    2023-12-12
  • 五步完成unity与微信(游戏)小程序交互创建视频

    五步完成unity与微信(游戏)小程序交互创建视频

    这篇文章主要介绍了unity与微信(游戏)小程序交互创建视频的步骤,非常简单,只需要五步就可完成,有需要的朋友可以借鉴参考下,希望可以有所帮助
    2021-09-09
  • VSCode 使用Settings Sync同步配置(最新版教程,非常简单)

    VSCode 使用Settings Sync同步配置(最新版教程,非常简单)

    这篇文章主要介绍了VSCode 使用Settings Sync同步配置(最新版教程,非常简单),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-11-11

最新评论