VSCode Extensions

Beautification

Themes

• Dark Space
• Catppuccin
• Material Theme
• Tokyo Night
• Tokyo Night Ported Nvim
• Tokyo Night Frameless
• Solarized Palenight
• Bearded Theme

Icons

• Material Theme Icons
• Catppuccin Icons for VSCode
• Fluent Icons

Customization

• CodeUI
• Color Highlight
  Highlight web colors in your editor
• Apc Custom UI++
  Advanced VSCode user interface customizations. Very experimental.
• VSCode Animations
  Clean and customizable animations for VSCode
• background
  Bring background images to your 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
  See git blame information in the status bar.
• GitLens — Git supercharged

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