---
title: VSCode Extensions
excerpt: 个人使用插件
date: 2024-01-17
tags:
  - VSCode
---

## Productivity

### Editing

- **Bookmarks**
  _Mark lines and jump to them_
- **jump**
  _🏃‍♂️ Jump/Select to the Start/End of a word in VSCode_
- **Code Translate**
  _A pure vscode translation plug-in; 一款纯粹的 vscode 滑词翻译插件_
- **CodeSnap**
  _📷 Take beautiful screenshots of your code_
- **Error Lens**
  _Improve highlighting of errors, warnings and other language diagnostics._
- **Better Comments**
  _Improve your code commenting by annotating with alert, informational, TODOs, and more!_
- **Blockman - Highlight Nested Code Blocks**
  _Mark/Highlight code blocks_

### Markdown

- **Markdown All In One**
  _All you need to write Markdown (keyboard shortcuts, table of contents, auto preview and more)_
- **Markdown Preview Enhanced**
  _Markdown Preview Enhanced ported to vscode_
- **Markdown Lint**
  _Markdown linting and style checking for Visual Studio Code_
- **Markmap**
  _Visualize your Markdown as mindmaps with Markmap._
- **PicGo**
  _Upload images to online, and generate markdown urls._
- **Foam**
  _VS Code + Markdown + Wikilinks for your note taking and knowledge base_
- **word count cjk**
  _A word count extension that supports CJK languages._
- **Markdown+Math**
- **Dictionary Completion**
  _Word Completion_

### Formatter

- **Prettier - Code formatter**
  _Code formatter using prettier_

### Git

- **Git Graph**
  _View a Git Graph of your repository, and perform Git actions from the graph._
- **Git History**
  _View git log, file history, compare branches or commits_
- **GitHub Codespaces**
  _Your instant dev environment_

> Git Blame & GitLens 可提供行内 git blame 信息，但在 1.96 版本后 VSCode 已内置该功能

### Web

- **Live Server**
  _Launch a development local Server with live reload feature for static & dynamic pages_

### Miscellaneous

- **Live Server**
  _Launch a development local Server with live reload feature for static & dynamic pages_
- **LeetCode**
  _Solve LeetCode problems in VS Code_
- **file-size**
  _Show file size in the status bar_
- **Resource Monitor**
  _Display CPU frequency, usage, memory consumption, and battery percentage remaining within the VSCode status bar_
- **Project Manager**
  _Easily switch between projects_
- **IME and Cursor**
  _Change input method and cursor style_

### Drawing

- **Draw.io Integration**
- **Excalidraw**

## Beautification

[[custom_vscode_css]]