Table of Contents
1.TODO Highlight
2.Vetur Prettier ESLint
3.Highlight Matching Tag
Home Development Tools VSCode 14 VSCode high-frequency plug-ins (recommended)

14 VSCode high-frequency plug-ins (recommended)

Nov 18, 2020 pm 05:19 PM
vscode front end plug-in

14 VSCode high-frequency plug-ins (recommended)

Related recommendations: "vscode Basics Tutorial"

1.TODO Highlight

高It highlights your TODO and FIXME, supports custom keywords and appearance, and can serve as a good reminder.

14 VSCode high-frequency plug-ins (recommended)

2.Vetur Prettier ESLint

After resolving the conflict, use the perfectly formatted code. You must learn to be lazy if you can leave it to the machine.

2-14 VSCode high-frequency plug-ins (recommended)

14 VSCode high-frequency plug-ins (recommended)

14 VSCode high-frequency plug-ins (recommended)

3.Highlight Matching Tag

Highlight matching tags in real time, No more searching for tags in HTML

14 VSCode high-frequency plug-ins (recommended)

##4.javascript console utils

Quickly generate console.log( ), a powerful debugging tool, mom no longer has to worry about your knuckles.

14 VSCode high-frequency plug-ins (recommended)

5.Code Runner

Run code with one click and support many languages.

14 VSCode high-frequency plug-ins (recommended)

6.Comment Translate

The plug-in uses the Google Translate API to translate comments. It is powerful and very useful when looking at the source code of open source projects (if your English is good) please ignore).

14 VSCode high-frequency plug-ins (recommended)

7.Image preview

Image preview, you can preview the image in the slot to the left of the code line number (or when hovering).

14 VSCode high-frequency plug-ins (recommended)

8.Version Lens

Display package version information, and display the latest package version and other information in package.json.

14 VSCode high-frequency plug-ins (recommended)

9.vscode-pigments

Real-time display of colors in css, sass, and jsx.

14 VSCode high-frequency plug-ins (recommended)

10.Auto Close Tag

Automatically complete tags.

14 VSCode high-frequency plug-ins (recommended)

11.Auto Rename Tag

Modify tags simultaneously.

114 VSCode high-frequency plug-ins (recommended)

12.Bracket Pair Colorizer

Different colors highlight matching brackets.

14 VSCode high-frequency plug-ins (recommended)

13.Code Spell Checker

Word spell checker.

114 VSCode high-frequency plug-ins (recommended)

14.WakaTime

Programming time recording tool displays your programming time graphically on its official website Dashboard, allowing you to understand more clearly Understand where your time goes.

114 VSCode high-frequency plug-ins (recommended)

For more programming-related knowledge, please visit:

Programming Learning Course! !

The above is the detailed content of 14 VSCode high-frequency plug-ins (recommended). For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undress AI Tool

Undress AI Tool

Undress images for free

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How to install VSCode on Windows How to install VSCode on Windows Jul 27, 2025 am 03:16 AM

Gotohttps://code.visualstudio.comanddownloadtheWindowsUserInstaller.2.Runthe.exefile,allowchanges,andselectrecommendedoptionsincludingaddingtoPATHandcreatingadesktopshortcut.3.ClickFinishtolaunchVSCodeafterinstallation.4.Optionallyinstallusefulextens

How to run Python script with arguments in VSCode How to run Python script with arguments in VSCode Jul 30, 2025 am 04:11 AM

TorunaPythonscriptwithargumentsinVSCode,configurelaunch.jsonbyopeningtheRunandDebugpanel,creatingoreditingthelaunch.jsonfile,andaddingthedesiredargumentsinthe"args"arraywithintheconfiguration.2.InyourPythonscript,useargparseorsys.argvtoacce

How to use VSCode with WSL (Windows Subsystem for Linux) How to use VSCode with WSL (Windows Subsystem for Linux) Aug 01, 2025 am 06:26 AM

InstallWSLandaLinuxdistributionbyrunningwsl--installinPowerShellasAdministrator,thenrestartandsetuptheLinuxdistribution.2.Installthe"Remote-WSL"extensioninVSCodetoenableintegrationwithWSL.3.OpenaprojectinWSLbylaunchingtheWSLterminal,navigat

What is the difference between VSCode and Visual Studio What is the difference between VSCode and Visual Studio Jul 30, 2025 am 02:38 AM

VSCodeisalightweight,cross-platformcodeeditorwithIDE-likefeaturesviaextensions,idealforwebandopen-sourcedevelopment;2.VisualStudioisafull-featured,Windows-onlyIDEdesignedforcomplex.NET,C ,andenterpriseapplications;3.VSCodeperformsfasteronlower-endma

How to debug unit tests in VSCode How to debug unit tests in VSCode Aug 01, 2025 am 06:12 AM

Createormodifylaunch.jsoninVSCodebyopeningtheRunandDebugview,selectingyourenvironment(e.g.,Python,Node.js),andconfiguringitforyourtestframework(e.g.,pytest,Jest).2.Setbreakpointsinyourtestfile,selectthedebugconfiguration,andstartdebuggingwithF5topaus

How to change the font size in vscode? How to change the font size in vscode? Aug 02, 2025 am 02:37 AM

TochangethefontsizeinVSCode,useoneofthesemethods:1.OpenSettingsviaCtrl ,(orCmd ,onMac),searchfor"fontsize",andadjustthe"Editor:FontSize"value.2.OpenSettings(JSON)fromtheCommandPalette,thenaddormodify"editor.fontSize":e.g

How to use Markdown preview in VSCode How to use Markdown preview in VSCode Jul 29, 2025 am 02:05 AM

To use Markdown preview in VSCode, no additional installation is required. 1. Open or create a .md file; 2. Use Ctrl Shift V (Windows/Linux) or Cmd Shift V (Mac) shortcut keys, or open the preview through the right-click menu and command panel; 3. Preview is updated in real time by default, ensuring that automatic save is enabled to keep synchronized; 4. You can switch the synchronization scrolling function by right-clicking the preview area, and the preview supports GitHub-style Markdown and mathematical formulas (MarkdownAllinOne extension needs to be installed), and can customize the CSS style, which is easy to operate and complete.

How to debug a Python script in VSCode How to debug a Python script in VSCode Aug 16, 2025 am 02:53 AM

To debug Python scripts, you need to first install the Python extension and configure the interpreter, then create a launch.json file to set the debugging configuration, then set a breakpoint in the code and press F5 to start the debugging. The script will be paused at the breakpoint, allowing checking variables and step-by-step execution. Finally, by checking the problem by viewing the console output, adding logs or adjusting parameters, etc., to ensure that the debugging process is simple and efficient after the environment is correct.

See all articles