10 tips to improve development efficiency in VSCode

This article summarizes and shares 10 plug-ins and tips for improving development efficiency in VSCode. I hope it will be helpful to everyone!

VScode 10 efficiency-improving plug-ins and tips

1. The settings file is not in the sidebar Display

Open Setting, search files:exclude

Add files that need to be excluded in the sidebar~[Recommended learning:《 vscode tutorial》】

2. View history like Webstorm

Install the plug-in Local History

Restart VSCode

After modifying the file, a new record will be generated here. You need to restore the selected version and then Restore.

3. Change the VSCode shortcut key to the Webstorm shortcut key

Plug-in search idea Install IntelliJ IDEA Keybindings

After successful installation, you can use webstorm’s shortcut keys

For example:

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

4. How to quickly locate the file after setting the idea shortcut key

The default shortcut key is Ctrl P

Click the shift key twice under the idea shortcut key

5. Automatically complete the name of the entire file when referencing

Install the plug-in AutoFileName

6. Automatically sense the path of the imported file

Install the plug-in Path Intellisense

7.VSCode Set the language to Chinese

Search plug-in Chinese

8. Highlight comments

Install plug-inBetter Comments

Extended comment highlighting configuration

Settings.json Add configuration

"better-comments.tags": [
  {
    "tag": "!", // 触发高亮显示的前缀
    "color": "#FF2D00", // 高亮注释文字的颜色
    "strikethrough": false, // 是否有删除线
    "backgroundColor": "transparent"//背景颜色
  }
]

9. Check if the code is spelled correctly

Install pluginCode 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 tags will ensure you only need to rename Name the opening tag.

Install the plug-in Auto Rename Tag

##For more programming-related knowledge, please visit:

Programming Video

! !

The above is the detailed content of 10 tips to improve development efficiency in VSCode. For more information, please follow other related articles on the PHP Chinese website!