VSCode Extensions

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]] See About UI