Great Plugins for Visual Studio Code

· 2 min read

JetBrains WebStorm serves as my primary development IDE, which excels at full-scale project development, while Visual Studio Code functions as a lightweight editor. For example, I often use VSC for quick tasks like editing Nginx configurations or working on test HTML files. These tools complement rather than compete with each other—WebStorm is the heavy artillery, while VSC is the nimble submachine gun. To transform VSC into a powerful development tool requires investment in extensions, since it lacks many built-in features that come standard with full IDEs.

Below are the essential plugins I’ve installed and recommend.

This list is continuously updated and refined.

https://static.1991421.cn/2024/2024-08-25-211214.png

Auto Rename Tag

Automatically renames paired tags.

Darcula IntelliJ Theme

This theme maintains visual consistency with IntelliJ IDEA’s interface, providing a familiar dark theme experience.

EditorConfig for VS Code

Enforces consistent coding standards across different editors and team members by reading .editorconfig files.

HTML CSS Support

Enhances HTML development with intelligent autocomplete for CSS class names and IDs defined in your stylesheets.

IntelliJ IDEA Keybindings

Maps VSCode keyboard shortcuts to match IntelliJ IDEA’s keybindings, reducing context switching friction when using both IDEs.

JavaScript (ES6) code snippets

Provides ES6 syntax highlighting and useful code snippets for modern JavaScript development, improving coding efficiency.

NGINX Configuration

Adds syntax highlighting and language support for NGINX configuration files, making server configuration editing more manageable.

Open in Browser

Provides quick access to open HTML files directly in your default browser with a simple right-click or keyboard shortcut.

WakaTime

Automatically tracks your coding time and activity, providing detailed insights into your programming habits and productivity metrics.

Python

Supports py syntax.

Code Spell Checker

Checks word spelling to avoid typos.

GitLens — Git supercharged

Opens remote addresses for git files, among other features.

At the end

So, everyone has different preferences. What plugins do you have?