VSCode Extensions
In this article, I will list the VSCode extensions that I am currently using.
Beautify
Better Comments
Group comments into different categories using different colors.
Error Lens
Highlight lines containing diagnostics and append diagnostic as text to the end of the line.
Material Icon Theme
Material Design Icons for Visual Studio Code.
Output Colorizer
Syntax highlighting for log files.
Rainbow CSV
Highlight CSV and TSV files.
Tokyo Night
A dark theme for VS Code.
Development Environment
Dev Containers
Open a VSCode project in a Docker container based on the devcontainer/devcontainer.json template in the project folder. Ideal for unified development environment when collaborating with multiple people.
GitHub Codespaces
Open a GitHub Codespaces in VS Code.
Remote - SSH
Open any folder on a remote machine using SSH.
Git related
GitHub Actions
Manage your workflows, view the workflow run history, and help with authoring workflows.
GitHub Pull Requests and Issues
Create, review, and manage GitHub pull requests and issues in VS Code.
GitLens
Supercharge Git within VS Code. Blame, CodeLens, Hovers, File Annotations, Revision Navigation, Commit Graph, and much more.
Productivity
Dictionary Completion
Word Auto-completion. It is very convenient to write English documents or papers, and supports customized word lists. I created a list of commonly used English words, which can be downloaded from this repository. (60k is basically enough)
GitHub Copilot
GitHub Copilot provides autocomplete-style suggestions from an AI pair programmer as you code. You can receive suggestions from GitHub Copilot either by starting to write the code you want to use, or by writing a natural language comment describing what you want the code to do.
GitHub Copilot Chat
Add a chat panel to the sidebar that allows you chat with GitHub Copilot.
InteliCode
The Microsoft AI code assistant utilizes context information to enhance the code completions.
Modelines
Control VSCode related settings based on the modeline information in the file. For example, adding a comment like vim: set filetype=json ts=4 : to a file allows VSCode to automatically set the file type to json and the tab indentation to 4.
Office Viewer
Preview Office files in VSCode.
Partial Diff
The compare feature in VSCode can only compare all the differences between two files. However, this extension allows you to manually select any two pieces of code and compare their differences.
Path Autocomplete
Auto-completion of file paths.
Quick and Simple Text Selection
Quickly select text, such as selecting text within quotation marks, selecting text within brackets, etc.
Todo Tree
Add a TODO panel to the sidebar showing all TODO or FIXME comments in the project.
Toggle Quotes
Quickly switch quote formats, such as converting double quotes into single quotes.
VS Sequential Number
In multi-line cursor mode, automatically adds a consecutive serial number to each place, and you can specify the starting serial number and step size.
Python
autoDocstring
Automatically generate Python docstring, support Google and Numpy and other styles.
Jupyter
Jupyter notebook support.
Python
Python language support.
Python Indent
Correct Python indentation. The built-in Python indentation is not very good, and this extension can correct it.
Python Test Explorer
Run your Python tests in the Sidebar.
Python Type Hint
Type hint completion for Python.
Web Development
Color Highlight
Highlight web colors in your editor.
Live Preview
Live preview of HTML files.
vscode-color-picker
Open the color palette in VSCode for easy color adjustments.
Markdown
Markdown All in One
All you need to write Markdown (keyboard shortcuts, table of contents, auto preview and more)
Markdown Shortcuts
Shortcuts for Markdown editing
Formatting and Linting
Code Spell Checker
Check for spelling errors in the code.
markdownlint
Markdown linting and style checking.
Prettier
Code formatter using prettier.
Ruff
Ruff is an extremely fast Python linter.
ShellCheck
Shell script linter using shellCheck.
Sort JSON objects
Alphabetically sorts the keys in selected JSON objects.
Sourcery
Refactor Python instantly with Sourcery
StyLua
A Lua code formatter.
Text Power Tools
Provides some text processing tools, such as deleting blank lines, deleting duplicate lines, randomly disrupting lines, sorting lines according to length, and so on.
Custom Format
If you need to format a file in a way that is not supported by VSCode, you can use this extension to write a custom formatter.
Linter
An extension for VSCode that provides linting for multiple languages in one package.
Others
YAML
YAML language support.
Docker
Create, manage, and debug Docker containers.