Vscode optimization experience articles (settings | plug-ins)

Vscode optimization experience articles (settings | plug-ins)

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

The content of this article will be updated from time to time with the update of vscode. The last update time of the current content is: 2023.1.18

---

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

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

recommended settings

settings.jsonHere are some of my 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, (此设置vscode在较新版本已默认开启)
  "editor.suggest.snippetsPreventQuickSuggestions": false,
  "editor.acceptSuggestionOnEnter": "smart",
  "editor.suggestSelection": "recentlyUsed",
  "window.dialogStyle": "custom",
  "debug.showBreakpointsInOverviewRuler": true,
}

plug-in

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 class is the plug-in that I think is very helpful in various places. It can be almost a must-have. The rest of the plug-ins Also useful in many cases, can be installed on demand

Appearance

theme

1. One Dark Pro

   A very recommended dark tone theme, good-looking and eye-friendly.

   

2. GitHub Theme

   GitHub's official theme

   

3. Dracula Official

   A very characteristic vampire theme

   

icon theme

1. Material Icon Theme

   The icon theme that I am using personally, good-looking, large and complete

   

2. vscode-icons

   It is also a good icon theme

   

background

1. Vibrancy Continued

   Make vscode background Gaussian blur, very performance-consuming (use with caution

   How to use: press F1or ctrl+shift+p, type Reload Vibrancy, then restart vscode

   Cancellation method: press F1or ctrl+shift+p, type Disable Vibrancy, then restart vscode

   

Basic function class

1. Chinese (Simplified) (简体中文)

   [Chinese language pack] This should not need much introduction, it is the official Chinese language pack of vscode

   

2. Error Lens

   [Error Prompt] The previously displayed problem can be displayed on the right side of the corresponding line and highlighted

   

3. Path Intellisense

   [Path Completion] When entering a path, there will be intelligent prompts to complete

   

4. Image preview

   [Image preview] You can preview the imported image

   

Extended function class

1. CodeSnap

   [Code Screenshot] A very useful code screenshot plugin

   

2. Prettier - Code formatter

   【Code formatting tool】Support super multi-language, one-click formatting, beautify the code format

   

3. GBK to UTF8 for vscode

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

   

4. Hex Editor

   The hex or UTF-8 encoding used to view the file

   

5. Doxygen Documentation Generator

   【Documentation Generator】It is very useful when writing comments and documents

   

6. Remote - SSH

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

   

7. Hungry Delete

   【Backspace key like IDEA】Delete entire blocks of spaces or tabs and reduce the time required for programmers to press the backspace key

   

Algorithm exercises

1. Code Runner

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

   It is recommended to modify the configuration:

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

   

2. Competitive Programming Helper (cph)

   It is very useful when brushing algorithm questions, you can set up samples by yourself, and run them all with one click