---
title: "Visual Studio Code 扩展收集"
date: "2022-11-28"
description: "精选Visual Studio Code实用扩展推荐，涵盖美化、Markdown、画图等分类，提升开发效率。"
tags:
  - vscode
---

# Visual Studio Code 扩展收集

## 美化

1. [Material Icon Theme](vscode:extension/PKief.material-icon-theme) - 美化文件图标。
2. [Github Theme](vscode:extension/GitHub.github-vscode-theme) - Github 风格主题。
3. [ReUI](vscode:extension/barrsan.reui) - React 风格主题。

## Markdown

1. [Markdown all in one](vscode:extension/yzhang.markdown-all-in-one) - Markdown 所需的一切（键盘快捷键、目录、自动预览等）。
2. [markdownlint](vscode:extension/DavidAnson.vscode-markdownlint) - MD 语法检查提示。
3. [PlantUML](vscode:extension/jebbs.plantuml) - 增加 PlantUML 支持。
4. [Markdown Preview Mermaid Support](vscode:extension/bierner.markdown-mermaid) - 增加 Mermaid 和流程图支持。
5. [Pangu-Markdown](vscode:extension/xlthu.Pangu-Markdown) - 盘古之白 for Markdown，优化中文排版。
6. [Markdown Preview Github Styling](vscode:extension/bierner.markdown-preview-github-styles) - 将自带的 MD 渲染预览样式更改为 Github 的渲染样式。
7. [Markdown Preview Enhanced](vscode:extension/shd101wyy.markdown-preview-enhanced) - 增加全新的渲染预览视图，图片助手。

## 日志

1. [VSCode Journal](vscode:extension/pajoma.vscode-journal) - 快速创建日志（日记）。
2. [vscode-journal-view](vscode:extension/Gruntfuggly.vscode-journal-view) - 配合上面的快速创建日志插件使用，为侧边栏增加日志视图，方便浏览。

## 画图

1. [Draw.io Integration](vscode:extension/hediet.vscode-drawio) - Draw.io 离线版，使用 `*.drawio.svg` 或 `*.drawio.png` 后缀名创建文件，即可进行编辑／使用（无需导出）。
2. [Excalidraw](vscode:extension/pomdtr.excalidraw-editor) - Excalidraw 离线版，使用 `*.excalidraw.svg` 后缀名创建文件，即可进行编辑／使用（无需导出）。

## Web 开发

1. [Auto Rename Tag](vscode:extension/formulahendry.auto-rename-tag) - 帮你自动重命名成对的 HTML/XML 标记，提高效率。

## 其他

1. [中文标点符号转换](vscode:extension/grasspy.autopunc) - 将用户输入的中文标点符号自动更改为英文标点符号。
2. [Dictionary Completion](vscode:extension/yzhang.dictionary-completion) - 英文单词补全。
3. [Word Count CJK](vscode:extension/holmescn.vscode-wordcount-cjk) - 中文字数统计。
4. [Office Viewer](vscode:extension/cweijan.vscode-office) - 支持预览常见的 office 文件格式。
5. [Local History](vscode:extension/xyz.local-history) - 每次修改文件时，都会在本地保留包含旧内容的历史记录。
6. [Google Translate](vscode:extension/hancel.google-translate) - 在编辑器中提供 Google 翻译，无需秘钥。

## 蛇精病

1. [坤坤鼓励师](vscode:extension/sakura1357.cxk) - 在 VS Code 中连续写代码一小时（时间可配置），会有蔡徐坤专属篮球舞提醒你该休息啦！