vscode optimized user experience (settings | plug-ins)

vscode optimized user experience (settings | plug-ins)

As we all know, vscode is a very easy-to-use text editor. It is almost omnipotent through various plug-ins. It can also be used as a useful IDE. However, vscode has many settings that are not enabled by default and which I personally think are very useful. , therefore, I share it with you here and also recommend several useful plug-ins.

I will make some irregular minor modifications to the content of this article as vscode is updated. The current content was last updated: 2022.8.10

vscode official website:https://code.visualstudio.com/

You can watch it with my video, link:https://www.bilibili.com/video/BV1Hd4y1o7CN/

Recommended settings

Below is minesettings.jsonSome basic configurations

  "files.autoSave": "afterDelay",
  "files.autoGuessEncoding": true,
  "workbench.list.smoothScrolling": true,
  "editor.cursorSmoothCaretAnimation": true,
  "editor.smoothScrolling": true,
  "editor.cursorBlinking": "smooth",
  "editor.mouseWheelZoom": true,
  "editor.formatOnPaste": true,
  "editor.formatOnType": true,
  "editor.formatOnSave": true,
  "editor.wordWrap": "on",
  "editor.guides.bracketPairs": true,
  //"editor.bracketPairColorization.enabled": true, (this setting vscode is enabled by default in newer versions)
  "editor.suggest.snippetsPreventQuickSuggestions": false,
  "editor.acceptSuggestionOnEnter": "smart",
  "editor.suggestSelection": "recentlyUsed",
  "window.dialogStyle": "custom",
  "debug.showBreakpointsInOverviewRuler": true,


There are many kinds of plug-ins. For all kinds of plug-ins, I have divided the plug-ins I recommend into four categories. Among them, the basic function category is the plug-in that I think is very helpful in various places. It is almost a must-have. The rest of the plug-ins are Also useful in many situations and can be installed on demand

Appearance class


  1. One Dark Pro

    A highly recommended dark theme, which looks good and protects your eyes.

  2. GitHub Theme

    GitHub’s official theme

  3. Dracula Official

    A very distinctive vampire theme

icon theme

  1. Material Icon Theme

    The icon theme I am using, it looks good and has a large and comprehensive range of types.

  2. vscode-icons

    It is also a good icon theme

Basic function class

  1. Chinese (Simplified)

    [Chinese Language Pack] This should need no introduction. It is the official Chinese language pack of vscode.

  2. Error Lens

    [Error Tip] The previously displayed question can be displayed on the right side of the corresponding line and highlighted.

  3. Path Intellisense

    [Path Completion] When entering the path, there is a smart prompt for completion.

  4. Image preview

    [Image Preview] You can preview the imported images

Expand function class

  1. CodeSnap

    [Code Screenshot] A very easy-to-use code screenshot plug-in

  2. Prettier - Code formatter

    【Code Formatting Tool】Supports multiple languages, one-click formatting, beautifies code format

  3. GBK to UTF8 for vscode

    [File encoding conversion] can flawlessly convert files between GBK and UTF8 encoding

  4. Hex Editor

    hex or UTF-8 encoding used to view files

  5. Doxygen Documentation Generator

    [Document Generator] Very useful when writing comments and documents

  6. Remote - SSH

    [ssh connection] Connect to a remote server or virtual machine

Algorithm exercises

  1. Code Runner

    [Code running tool] supports multiple languages, and the language running environment needs to be configured by yourself

    Recommended configuration changes:

      "code-runner.runInTerminal": true,
      "code-runner.saveAllFilesBeforeRun": true,
      "code-runner.saveFileBeforeRun": true

  2. Competitive Programming Helper (cph)

    It is very useful when brushing up algorithm questions. You can set your own examples and run them all with one click.

Related Posts

Ajax Advanced Chapter 02—Cross-domain and JSONP

[001] [ESP32 Development Notes] IDF project creation and CMake configuration

vue3+vite+typescript implements low-code form editor

unity3D terrain editor—Terrain

The simplest Anaconda+Python3.7 installation tutorial on the Internet for Win10 (100% successful)

[Graphic tutorial to solve the problem of Chinese garbled output in vscode terminal]

vscode card Setting up SSH Host XX:Copying VS Code Server to host with scp

Download and installation tutorial for vs2022

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>