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

    2022年最全VSCode实用插件分享【整理推荐】

    青灯夜游青灯夜游2022-05-25 21:13:12转载14140

    本篇文章给大家整理了一些2022年最新最全的实用VSCode插件分享给大家,可以帮助开发者提高开发效率和美观性,希望对大家有所帮助!

    【推荐学习:《vscode入门教程》】

    一、主题及图标

    GitHub Theme

    黑白两款皮肤

    mark
    mark

    Material Theme

    集成了多种主题皮肤,搭配 Material Icon Theme 食用更佳

    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

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

    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

    快捷键

    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教程!!

    以上就是2022年最全VSCode实用插件分享【整理推荐】的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:csdn,如有侵犯,请联系admin@php.cn删除
    专题推荐:vscode 插件
    上一篇:【吐血总结】23个VSCode 插件,助你提高开发效率和美观性 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • VSCode中怎么配置同步?官方同步方案分享(强烈推荐)• 详解VSCode中怎么使用代码模板(snippets)• 怎么配置VSCode,苏爽的调试Vue、React 代码!• 【吐血总结】VSCode的调试和使用小技巧,让你开发工作效率倍增• 【吐血总结】23个VSCode 插件,助你提高开发效率和美观性
    1/1

    PHP中文网