Skip to content

代码插件

C/C++

python

C/C++ clang Command Adapter

RemoteSSH,RemoteSSH:Editing Configuration Filles

Remote FS

SFTP

vscode SFTP

功能增强

terminal

Generate Windows Terminal Scheme:可以给 terminal 配色

Terminal All In One:可以给 terminal 进行 主题配色美化,设置快捷键等增强功能

系统信息监测

Stats Bar / Resource Monitor: 用于系统资源(CPU 占用率,内存,磁盘等)监测的 vscode 插件,可以直接在 vscode 的 status bar 中显示相应状态。

GPU 监测和管理

nvidia-smi-memory:以非常简略的饼图形式在 status bar 显式 GPU 的利用率

nvidia-smi+ :在 side bar 显示通过 nvidia-smi 命令获得的 GPU 信息

GPU Environments:GPU 环境管理工具 genv 的 vscode 插件,功能有指定 vscode session 可见的 GPU,限制可用显存大小,锁定 GPU 不被别人占用等

代码和项目管理

doc & comment

VSCodeFileHeader 或者 topper:代码头信息

Better Comments:高亮注释

bookmark & annotation

bookmark

ToDoTree: 可以方便的通过在代码注释中添加 TODO,FIXME 等来标记待办,待办项目会显示在侧边栏

ToDo MD: 一个用于在 vscode 中进行日程管理的插件,数据会保存在一个 todo.md 文件中

TODO Highlight:自定义高亮

numbered bookmark

Snippets

GitHub - tahabasri/snippets:自定义文件夹;支持 terminal snippet;vscode sync

easy snippet:以语言归类文件夹

Snippet:以语言归类文件夹;支持 terminal snippet

snippet 外部 snippet,相当于代码补全的补充包

massCode

版本管理

GitLens

Git Graph

Git History

Git Blame

Git History Diff

gitignore

commit 相关:辅助添加标准化的 commit 信息

GitHub - RedJue/git-commit-plugin: Automatically generate git commit 交互式对话框输入规范化 commit

GitHub - Rakers1024/rakers-git-commit-vscode: Git提交规范VSCode插件 选择规范化 commit 信息头输入 commit 框,适合简单输入

GitHub - bendera/vscode-commit-message-editor: Edit commit messages in a convenient way. 提供一个窗口以表单或者文本的形式输入 commit

GitHub - rioukkevin/vscode-git-commit 交互式对话框输入规范化 commit

Git Project Manager 方便快速切换本地的所有 git 管理的项目

local history 本地自动保存的历史版本对比

local history by Xpo

local history by ctf0

仓库管理和存储同步

GitHub Codespaces:在 vscode 中创建 github codespaces(类似于一个 github 的远程服务器端口,可以不占用自己的电脑资源运行一些简单代码)

GitHub Repositories:在 vscode 中管理 github repository。可以查看,编辑,提交,推送文件。

GistPad:利用 vscode 进行 gist 和 github 的管理。可以方便快捷地进行可视化交互(文件添加,修改,删除,star 等)。方便将 gist 作为代码存储,分享的平台。

GitHub Gist Explorer:利用 vscode 进行 gist 的管理

Gist Snip:连接 gist 作为 snippet 同步源,给 vscode 提供新的 autocomplete 素材

项目管理

Project Manager:vscode 项目管理

DVC:机器学习实验管理(类似于 wandb,需要单独安装 DVC 软件,这个只是配套插件)

代码信息统计

VSCode Counter:按编程语言类型统计项目中代码行数

GitHub Pull requests and Issues

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

插件地址:https://marketplace.visualstudio.com

Git Graph(Git 图形化显示和操作)

插件地址:https://marketplace.visualstudio.com

GitHub Copilot(GitHub编程助手)

插件地址:https://marketplace.visualstudio.com

GitLens — Git supercharged#

拓展了 vscode 本身集成的 Git 功能,提供了很多好东西

Commit Message Editor#

多人协作必备,git 提交信息的编辑

工作信息统计

Coding Metrics

CodeTime

wakatime(编程时间及行为跟踪统计)

插件地址:https://marketplace.visualstudio.com

Polacode(代码截图)

插件地址:https://marketplace.visualstudio.com

使用增强

表格与图形

CSV to Table:Convert a CSV/TSV/PSV file to an ASCII formatted table

Edit csv: extension to edit csv files with a table ui

Excel Viewer: Edit Excel spreadsheets and CSV files in Visual Studio Code and VS Code for the Web.

Rainbow CSV: Highlight CSV and TSV files, Run SQL-like queries

Simple CSV Editor:Show, edit and save CSV data. Really nothing much at this time. 方便筛选和编辑大的 csv 文件内容

Number Plotter:从选择的一系列数字绘制折线图或者直方图

图像查看与编辑

Image Comparator:对比两张或者多张图片,方便比较图像恢复前后的变化

Image Tile Viewer :extension for showing images in tile view

Luna Paint — Image Editor:Edit images in VS Code! Supports png, jpg, webp, bmp, tga and ico formats

Image Viewer:View all images of the current project

Image Gallery:方便的查看整个文件夹的图片(类似于 win 的大图预览)

类似的还有图片文件管理

View Image for Python Debugging:simply view the image of the image variables when debugging python

类似的还有 Python Image Preview,simply_view_image_for_python_opencv_debugging

Markdown Image Manage :下载, 移动, 清理, 分析, 上传, 粘帖, 转换 MD 文件中的图片

实验管理

DVC Extension for Visual Studio Code:机器学习实验管理(需要额外安装依赖)

语言相关

Markdown

Markdown All in One

Markdown Preview Enhanced

Markdown+Math

Matlab

matlab code run

matlab snippets

matlab-formatter

matlan extension pack

Python

Python Snippets:代码片

Python Indent:自动缩进

前端开发

Live Server: 启动本地开发服务器,为静态和动态页面提供实时重载预览功能。方便直接一边写网页代码,一边实时查看网页结果。

Lorem Picsum :随机图片占位符

类似的还有 lorem.space - Fake placeholder image generator ,Place Puppy Image Generator,

Random Something:中国特色的随机内容生成工具,包括音频,视频,人名,名言,内容,段子,图片,头像,电话,邮箱,地址,学校,网址,新闻等,方便开发者

view-in-browser:View html files in your default browser or specific browsers

主题及图标

Material Theme ★★★★★

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

插件地址:https://marketplace.visualstudio.com

数据库

MySQL

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

插件地址:https://marketplace.visualstudio.com

编程美化

Bracket Pair Colorizer(内置插件)

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

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

插件地址:https://marketplace.visualstudio.com

Highlight Matching Tag

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

插件地址:https://marketplace.visualstudio.com

Markdown Preview Enhanced

在 VSCode 里编写 Markdown,支持预览

插件地址:https://marketplace.visualstudio.com

Todo Tree

Auto Close Tag ★★★★★

自动闭合 HTML、JSX 标签

Auto Rename Tag

自动 rename 标签

change-case

命名转换 Ctrl+Shift+P 输入 change case

Code Spell Checker

代码中的拼写检查

ES7 React/Redux/GraphQL/React-Native snippets

React 代码片段

node插件 ESLint prettier

ESLint 代码质量检查

eslint它规范的是代码偏向语法层面上的风格

prettier 代码格式化

Prettier 是一个代码格式化工具,但并非针对一种语言,对 HTML/CSS/JavaScript/Vue/SCSS 都有效果。可以通过配置文件在不同项目间统一代码格式化,以修正不同编辑器/IDE 之间格式化

Path Intellisense : 路径智能提示

Auto Close Tag : 自动闭合标签

Auto Rename Tag : 自动重命名标签

Bracket Pair Colorizer2 彩虹括号

设置vscode的透明度 Windows opacity

Beautify vscode 代码美化

Image Preview(图片预览)

插件地址:https://marketplace.visualstudio.com

开发效率

Codelf(变量起名神器)

插件地址:https://marketplace.visualstudio.com

Prettier - Code formatter(自动格式化代码)

插件地址:https://marketplace.visualstudio.com

VSCode 翻译插件(du-i18n)

配置 安装好之后,点击设置,自动生成配置文件du-i18n.config.json

vscode-json(json美化)

插件地址:https://marketplace.visualstudio.com

Regex Previewer(正则表达式预览)

插件地址:https://marketplace.visualstudio.com

Auto Import

像在webstrom中一样,写一个script外链标签时,写src属性时,它会自动显示对应目录下可以引入的文件,

![图 0](../../images/f28e6f54b236d688d4816ffd4ee09365e2d0438346d65011bdffb85842d1c4e0.png)

translation 翻译插件

![图 2](../../images/52d8e083ae7f26282a5ee5e8f83c5b2e7e40e76a918c09f14941a747ab3e23da.png)

koroFileHeader 函数自动补全注解;在你新建文件时,也会在头部生成文件创建信息;还可以自动生成保佑buff就很骚

在函数或者封装前面Ctrl+Alt+t自动生成

![图 3](../../images/8e165c63e761a859c37810582f6ab046e0a5ee182b03a523eba802a086f49221.png)

![图 4](../../images/effd232b35cf6895fda011d04e92dfa3dd6bab2c67233b3cf2e0457920764b1e.png)

JS-CSS-HTML Formatter

js,css,html格式化插件

HTML CSS Support

open in browser

html文件右键是无法在浏览器打开的

codeium ai插件,支持智能提示

![图 5](../../images/051b4cf79fc0f2fc0313e52a60278166860d6b0192ef44b8a1676611cf536236.png)

swagger viewer swagger API 在vscode可视化

bookmarks 书签

说明: 代码打标签,可快捷键找到

在活动栏中( vscode插件那一栏 )也可操作标签 :

① 活动栏中显示所有的加标签的文件

② 可清楚该文件内的全部标签

快捷键整理:

alt + command + k 增加/删除当前代码行的标签

alt + command + l 跳到下一个标签

alt + command + j 跳到上一个标签

image preview 图片预览

说明: 它会根据路径在代码栏显示图片

fnMap函数地图

![图 6](../../images/d40b795ca3279ab295063b7e789fa65df6bf3370c103368de29178b6b0ff37a8.png)

数学函数

px2rem

将px转为rem时,会自动出现转为rem的选项

![图 1](../../images/91a69b27bcfe6fad5c315e0e0e285ea2d5adeace1a473c8ef45ad8256c3dc014.png)

数据分析

Sort lines(文本排序)

插件地址:https://marketplace.visualstudio.com

Data Preview(预览数据文件)

插件地址:https://marketplace.visualstudio.com

Log Wrapper 插件,快速打印log

摸鱼神器

VSC Netease Music(网易云音乐-程序员版)

插件地址:https://marketplace.visualstudio.com

daily anime(追番插件)

插件地址:https://marketplace.visualstudio.com

Zhihu On VSCode(知乎插件)

基于 VSCode 的知乎客户端提供包括阅读,搜索,创作,发布等一站式服务,内容加载速度比 Web 端更快,创新的 Markdown-Latex 混合语法让内容创作者更方便地插入代码块,数学公式,并一键发布至知乎平台。

插件地址:https://marketplace.visualstudio.com

Emoji

一个从命令面板插入表情符号的简单插件

超越鼓励师

在 VS Code 中连续写代码一小时(时间可配置),会有杨超越提醒你该休息啦~

韭菜盒子

VSCode 里也可以看股票 & 基金 & 期货实时数据,做最好用的投资插件

插件地址:https://marketplace.visualstudio.com

插件地址:https://marketplace.visualstudio.com

插件地址:https://marketplace.visualstudio.com

Black 扩展

black 格式化支持的扩展,这个新扩展使用 LSP 来提供格式化支持。

默认使用BLACK格式

"[python]": {

"editor.defaultFormatter": "ms-python.black-formatter"

}

注:

这个扩展支持所有受到积极支持的 Python 语言版本(即 Python >= 3.7)

只有在选定的 Python 环境中没有发现已安装的 Black 版本时,才会使用捆绑的 black;

black 的最小支持版本是 22.3.0;

isort 扩展

注:

用于使用 isort 对导入进行排序。当你打开一个文件,并且你的导入没有遵循 isort 标准时,它将显示一个错误诊断,并提供一个代码操作来修复导入顺序。

这个扩展支持所有受到积极支持的 Python 语言版本(即 Python >= 3.7);

只有在选定的 Python 环境中没有发现已安装的 isort 版本时,才会使用捆绑的 isort;

isort 的最小支持版本是 5.10.1

Jupyter Powertoys 扩展

内核管理面板

上下文帮助

执行分组

其他

live share

LeetCode

vscode-icons:很漂亮且很实用的图标插件,帮助我们区分不同类型。

Citation Picker for Zotero :zotero 文献插入

autoDocstring:自动生成函数注释模板#