• 技术文章 >开发工具 >VSCode

    2023年最新最全的VScode插件推荐

    青灯夜游青灯夜游2023-01-24 05:30:02转载47

    这篇文章主要介绍了这么多年来我在使用 VSCode 过程中用到的一些不错的插件。这些VSCode插件,帮你打造地表最强IDE!

    一、主题及图标

    GitHub Theme

    黑白两款皮肤

    mark
    mark

    Material Theme

    集成了多种主题皮肤,搭配 Material Icon Theme 食用更佳。【推荐学习:vscode教程编程教学

    mark

    Material Icon Theme

    扁平化的主题图标库

    mark
    mark

    vscode-icons

    VSCode官方出品的图标库

    mark
    mark

    二、功能强化

    settings sync

    同步所有设置和插件

    mark

    wakatime

    编程时间及行为跟踪统计

    mark
    mark

    Polacode

    代码截图

    mark

    Chinese (Simplified) Language Pack for Visual Studio Code

    中文语言包

    mark

    三、Git 集成插件

    GitHub Pull requests

    在Visual Studio Code中查看和管理GitHub拉取请求和问题

    mark
    markmark

    Git Graph

    Git 图形化显示和操作

    mark
    mark

    CodeStream: GitHub, GitLab, Bitbucket PRs and Code Review

    团队协作开发,评审,讨论

    mark
    mark

    四、数据库

    Oracle Developer Tools for VS Code

    Oracle 数据库支持

    mark

    SQL Server (mssql)

    Microsoft SQL Server 数据库支持

    mark

    MySQL

    支持 MySQL/MariaDB, Microsoft SQL Server, PostgreSQL, Redis, and ElasticSearch

    mark

    MongoDB for VS Code

    MongoDB 数据库支持

    mark

    五、编程美化

    Bracket Pair Colorizer

    给匹配的括号上色,可以自定义配置

    注意:该插件已经内置到 vscode,不用重复安装,

    设置方法:setting 里搜索 editor.bracketPairColorization.enabled,设置为 true 即可生效

    mark
    mark
    mark

    Highlight Matching Tag

    突出显示匹配的开始和/或结束标签
    官方支持的标记:HTMLJSX。其他样式(XML,Vue,Angular,PHP)也可以使用,但不能保证正常使用。

    mark

    在状态栏中显示标记的路径

    mark

    Markdown Preview Enhanced

    在 VSCode 里编写 Markdown,支持预览

    mark
    mark

    Image Preview

    预览图片

    markmark

    六、开发效率

    EditorConfig for VS Code

    代码风格统一

    mark

    change-case

    更改命名风格

    mark
    mark

    Codelf

    给变量起名的神器

    mark
    mark

    Prettier - Code formatter

    自动格式化代码

    mark

    vscode-json

    操作美化 json

    快捷键

    mark
    mark

    Regex Previewer

    预览正则表达式效果

    mark
    mark

    七、前端开发

    Auto Rename Tag

    自动重命名 HTML或XML 标签

    mark
    mark

    Auto Close Tag

    自动添加 HTML/XML 关闭标签

    mark
    mark

    Path Intellisense

    智能路径提示

    mark
    mark

    npm Intellisense

    mark
    mark
    mark

    Turbo Console Log

    快速添加 console.log 信息,js debug 必备

    快捷键

    ctrl + alt + l 选中变量之后,使用这个快捷键生成 console.log

    alt + shift + c 注释所有 console.log

    alt + shift + u 启用所有 console.log

    alt + shift + d 删除所有 console.log

    mark
    mark
    mark

    css-auto-prefix

    如图

    mark
    mark

    CSS Peek

    查看 css 定义

    mark
    mark

    八、数据分析

    Sort lines

    对当前文本排序

    mark
    mark

    Data Preview

    预览数据文件

    mark
    mark

    九、修仙插件

    LeetCode

    刷题利器

    mark
    mark

    VSC Netease Music

    网易云音乐(程序员版)

    mark
    mark

    daily anime

    追番神器

    mark
    mark

    更多关于VSCode的相关知识,请访问:vscode教程!!

    以上就是2023年最新最全的VScode插件推荐的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:csdn,如有侵犯,请联系admin@php.cn删除
    专题推荐:VSCode 插件
    上一篇:【整理总结】VSCode常用插件和好用配置(小白必看) 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • 手把手教你使用vscode连接远程服务器• 【整理分享】20个实用又好看VSCode主题 ,值得收藏!• 浅析VSCode怎么调试PhpStudy环境里的代码• 8 个VSCode中很棒的Laravel开发扩展• 【整理分享】30个让开发效率倍增的实用VSCode 插件
    1/1

    PHP中文网