• 首页 首页 icon
  • 工具库 工具库 icon
    • IP查询 IP查询 icon
  • 内容库 内容库 icon
    • 快讯库 快讯库 icon
    • 精品库 精品库 icon
    • 问答库 问答库 icon
  • 更多 更多 icon
    • 服务条款 服务条款 icon

2022年VSCode实用插件推荐

武飞扬头像
PHP中文网
帮助72

一、主题及图标

GitHub Theme

黑白两款皮肤

学新通技术网
学新通技术网

Material Theme

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

学新通技术网

Material Icon Theme

扁平化的主题图标库

学新通技术网
学新通技术网

vscode-icons

VSCode官方出品的图标库

学新通技术网
学新通技术网

二、功能强化

settings sync

同步所有设置和插件

学新通技术网

wakatime

编程时间及行为跟踪统计

学新通技术网
学新通技术网

Polacode

代码截图

学新通技术网

Chinese (Simplified) Language Pack for Visual Studio Code

中文语言包

学新通技术网

三、Git 集成插件

GitHub Pull requests

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

学新通技术网
学新通技术网学新通技术网

Git Graph

Git 图形化显示和操作

学新通技术网
学新通技术网

CodeStream: GitHub, GitLab, Bitbucket PRs and Code Review

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

学新通技术网
学新通技术网

四、数据库

Oracle Developer Tools for VS Code

Oracle 数据库支持

学新通技术网

SQL Server (mssql)

Microsoft SQL Server 数据库支持

学新通技术网

MySQL

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

学新通技术网

MongoDB for VS Code

MongoDB 数据库支持

学新通技术网

五、编程美化

Bracket Pair Colorizer

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

学新通技术网
学新通技术网
学新通技术网

Highlight Matching Tag

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

学新通技术网
在状态栏中显示标记的路径
学新通技术网

Markdown Preview Enhanced

在 VSCode 里编写 Markdown,支持预览

学新通技术网
学新通技术网

Image Preview

预览图片

学新通技术网学新通技术网

六、开发效率

EditorConfig for VS Code

代码风格统一

学新通技术网

change-case

更改命名风格

学新通技术网
学新通技术网

Codelf

给变量起名的神器

学新通技术网
学新通技术网学新通技术网

Prettier - Code formatter

自动格式化代码

学新通技术网

vscode-json

操作美化 json

快捷键

  • cmd alt v,验证
  • cmd alt b,格式化
  • cmd alt u,压缩
  • cmd alt ',加转义字符
  • cmd alt ;,去转义字符
    学新通技术网
    学新通技术网

Regex Previewer

预览正则表达式效果
学新通技术网
学新通技术网

七、前端开发

Auto Rename Tag

自动重命名 HTML或XML 标签

学新通技术网
学新通技术网

Auto Close Tag

自动添加 HTML/XML 关闭标签

学新通技术网
学新通技术网

Path Intellisense

智能路径提示
学新通技术网
学新通技术网

npm Intellisense

学新通技术网
学新通技术网
学新通技术网

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
学新通技术网
学新通技术网
学新通技术网

css-auto-prefix

如图
学新通技术网
学新通技术网

CSS Peek

查看 css 定义

学新通技术网
学新通技术网

八、数据分析

Sort lines

对当前文本排序
学新通技术网
学新通技术网

Data Preview

预览数据文件

学新通技术网
学新通技术网

九、修仙插件

LeetCode

刷题利器

学新通技术网
学新通技术网

VSC Netease Music

网易云音乐(程序员版)

学新通技术网
学新通技术网

daily anime

追番神器

学新通技术网
学新通技术网

这篇好文章是转载于:学新通技术网

  • 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
  • 本站站名: 学新通技术网
  • 本文地址: /boutique/detail/tanfgeef
系列文章
更多 icon
同类精品
更多 icon
继续加载