Small knowledge, big challenge! This article is participating in the creation activity of “Essential Tips for Programmers”.

VScode 10 plugins and tips

1. Set files not to be displayed in the sidebar

Open Setting and search for files: Exclude

Add files ~ that need to be excluded in the sidebar

2. View history like Webstorm

Install the plug-in Local History

Restart VSCode

This is where new records are generated after modifying the file. You need to Restore the selected version and then Restore will do the job.

3.VSCode changes the shortcut key to Webstorm

Plugin search idea install IntelliJ IDEA Keybindings

Once installed, webStorm shortcuts are available

Such as:

  • Copy the line command + d
  • Find command + f
  • Replace Command + r
  • Global search Ctrl+Shift+F
  • Globally replace Ctrl+Shift+R

4. How can I quickly locate files after setting idea shortcut keys

Default shortcut keys Ctrl + P

Idea shortcut key press shITF key twice

5. Name of the full file for auto-complete reference

Install the plug-in AutoFileName

6. Automatically sense the path of incoming files

Install the plug-in Path Intellisense

7. Set VSCode to Chinese

Search plugin Chinese

8. Highlight comments

Install the plug-in Better Comments

Extended comments highlight the configuration

Settings.json adds configuration

"better-comments.tags": [{"tag": "!".// Trigger the highlighted prefix
    "color": "#FF2D00".// Highlight the color of the comment text
    "strikethrough": false.// Whether there is a delete line
    "backgroundColor": "transparent"// Background color}]Copy the code

9. Check the code for spelling errors

Install the plugin Code Spell Checker

Enabled File Types

  • AsciiDoc
  • C, C++
  • C#
  • css, less, scss
  • Elixir
  • Go
  • Html
  • Java
  • JavaScript
  • JSON / JSONC
  • LaTex
  • Markdown
  • PHP
  • PowerShell
  • Pug / Jade
  • Python
  • reStructuredText
  • Rust
  • Scala
  • Text
  • TypeScript
  • YAML

10. Automatically renaming labels ensures that you only need to rename the start tag.

Install the Auto Rename Tag plug-in