最新最全 VSCODE 插件推荐(2024版)_vscode插件-程序员宅基地

技术标签: 网站开发  python  数据分析  可视化技术  vscode  插件  前端  生信情报站  

目录

一、主题及图标

二、功能强化

三、Git 集成

四、数据库

五、编程美化

六、开发效率

七、前端开发

八、数据分析

九、AI 辅助

十、修仙插件

一、主题及图标

GitHub Theme

黑白两款皮肤
mark
mark

Material Theme

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

Material Icon Theme

扁平化的主题图标库
mark
mark

vscode-icons

VSCode官方出品的图标库
mark
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

七、前端开发

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

九、AI 辅助

GitHub Copilot

在这里插入图片描述
根据函数名,注释,让 AI 辅助你写代码。常见任务甚至会考虑复杂度和最优解。
目前已经更新了很多功能,包括自动 debug,优化代码等等,程序员的福音。
请添加图片描述
但是需要先获取授权,传送门
使用学生邮箱可以免费申请,传送门

十、修仙插件

LeetCode

刷题利器
mark
mark

VSC Netease Music

网易云音乐(程序员版)
mark
mark

daily anime

追番神器
mark
mark

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/u011262253/article/details/113879997

智能推荐

Linux查看登录用户日志_怎么记录linux设备 发声的登录和登出-程序员宅基地

文章浏览阅读8.6k次。一、Linux记录用户登录信息文件1  /var/run/utmp----记录当前正在登录系统的用户信息;2  /var/log/wtmp----记录当前正在登录和历史登录系统的用户信息;3  /var/log/btmp:记录失败的登录尝试信息。二、命令用法1.命令last,lastb---show a listing of la_怎么记录linux设备 发声的登录和登出

第四章笔记:遍历--算法学中的万能钥匙-程序员宅基地

文章浏览阅读167次。摘要:1. 简介 2. 公园迷宫漫步 3. 无线迷宫与最短(不加权)路径问题 4. 强连通分量1. 简介在计算机科学裡,树的遍历(也称为树的搜索)是圖的遍歷的一种,指的是按照某种规则,不重复地访问某种樹的所有节点的过程。具体的访问操作可能是检查节点的值、更新节点的值等。不同的遍历方式,其访问节点的顺序是不一样的。两种著名的基本遍历策略:深度优先搜索(DFS) 和 广度优先搜索(B...

【案例分享】使用ActiveReports报表工具,在.NET MVC模式下动态创建报表_activereports.net 实现查询报表功能-程序员宅基地

文章浏览阅读591次。提起报表,大家会觉得即熟悉又陌生,好像常常在工作中使用,又似乎无法准确描述报表。今天我们来一起了解一下什么是报表,报表的结构、构成元素,以及为什么需要报表。什么是报表简单的说:报表就是通过表格、图表等形式来动态显示数据,并为使用者提供浏览、打印、导出和分析的功能,可以用公式表示为:报表 = 多样的布局 + 动态的数据 + 丰富的输出报表通常包含以下组成部分:报表首页:在报表的开..._activereports.net 实现查询报表功能

Ubuntu18.04 + GNOME xrdp + Docker + GUI_docker xrdp ubuntu-程序员宅基地

文章浏览阅读6.6k次。最近实验室需要用Cadence,这个软件的安装非常麻烦,每一次配置都要几个小时,因此打算把Cadence装进Docker。但是Cadence运行时需要GUI,要对Docker进行一些配置。我们实验室的服务器运行的是Ubuntu18.04,默认桌面GNOME,Cadence装进Centos的Docker。安装Ubuntu18.04服务器上安装Ubuntu18.04的教程非常多,在此不赘述了安装..._docker xrdp ubuntu

iOS AVFoundation实现相机功能_ios avcapturestillimageoutput 兼容性 ios17 崩溃-程序员宅基地

文章浏览阅读1.8k次,点赞2次,收藏2次。首先导入头文件#import 导入头文件后创建几个相机必须实现的对象 /** * AVCaptureSession对象来执行输入设备和输出设备之间的数据传递 */ @property (nonatomic, strong) AVCaptureSession* session; /** * 输入设备 */_ios avcapturestillimageoutput 兼容性 ios17 崩溃

Oracle动态性能视图--v$sysstat_oracle v$sysstat视图-程序员宅基地

文章浏览阅读982次。按照OracleDocument中的描述,v$sysstat存储自数据库实例运行那刻起就开始累计全实例(instance-wide)的资源使用情况。 类似于v$sesstat,该视图存储下列的统计信息:1>.事件发生次数的统计(如:user commits)2>._oracle v$sysstat视图

随便推点

Vue router报错:NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated"}的解决方法_navigationduplicated {_name: 'navigationduplicated-程序员宅基地

文章浏览阅读7.6k次,点赞2次,收藏9次。我最近做SPA项目开发动态树的时候一直遇到以下错误:当我点击文章管理需要跳转路径时一直报NavigationDuplicated {_name: “NavigationDuplicated”, name: “NavigationDuplicated”}这个错误但是当我点击文章管理后,路径跳转却是成功的<template> <div> 文章管理页面 <..._navigationduplicated {_name: 'navigationduplicated', name: 'navigationduplic

Webrtc回声消除模式(Aecm)屏蔽舒适噪音(CNG)_webrtc aecm 杂音-程序员宅基地

文章浏览阅读3.9k次。版本VoiceEngine 4.1.0舒适噪音生成(comfort noise generator,CNG)是一个在通话过程中出现短暂静音时用来为电话通信产生背景噪声的程序。#if defined(WEBRTC_ANDROID) || defined(WEBRTC_IOS)static const EcModes kDefaultEcMode = kEcAecm;#elsestati..._webrtc aecm 杂音

医学成像原理与图像处理一:概论_医学成像与图像处理技术知识点总结-程序员宅基地

文章浏览阅读6.3k次,点赞9次,收藏19次。医学成像原理与图像处理一:概论引言:本系列博客为医学成像原理与图像处理重要笔记,由于是手写,在此通过扫描录入以图片的形式和电子版增补内容将其进行组织和共享。前半部分内容为图像处理基础内容,包括图像的灰度级处理、空间域滤波、频率域滤波、图像增强和分割等;后半部分内容为医学影象技术,包括常规胶片X光机、CR、DR、CT、DSA等X射线摄影技术、超声成像技术、磁共振成像(MRI)技术等。本篇主要内容是概论。_医学成像与图像处理技术知识点总结

notepad++ v8.5.3 安装插件,安装失败怎么处理?下载进度为0怎么处理?_nodepa++-程序员宅基地

文章浏览阅读591次,点赞13次,收藏10次。notepad++ v8.5.3 安装插件,下载进度为0_nodepa++

hive某个字段中包括\n(和换行符冲突)_hive sql \n-程序员宅基地

文章浏览阅读2.1w次。用spark执行SQL保存到Hive中: hiveContext.sql(&quot;insert overwrite table test select * from aaa&quot;)执行完成,没报错,但是核对结果的时候,发现有几笔数据超出指定范围(实际只包含100/200)最终排查到是ret_pay_remark 字段包含换行符,解决方案:执行SQL中把特殊字符替换掉regexp_replace(..._hive sql \n

印象笔记05:如何打造更美的印象笔记超级笔记_好的印象笔记怎么做的-程序员宅基地

文章浏览阅读520次,点赞10次,收藏8次。印象笔记05:如何打造更美的印象笔记超级笔记本文介绍印象笔记的具体使用,如何打造更美更实用的笔记。首先想要笔记更加好看和实用,我认为要使用超级笔记。所谓超级笔记就是具有很多便捷功能的笔记。_好的印象笔记怎么做的

推荐文章

热门文章

相关标签