您的位置:首页 > 技术中心 > 系统工具 >

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

时间:2023-01-24 05:30

这篇文章主要介绍了这么多年来我在使用 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

快捷键

  • cmd+alt+v,验证
  • cmd+alt+b,格式化
  • cmd+alt+u,压缩
  • cmd+alt+',加转义字符
  • cmd+alt+;,去转义字符

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插件推荐的详细内容,更多请关注gxlsystem.com其它相关文章!

本类排行

今日推荐

热门手游