This article summarizes and shares 10 plug-ins and tips for improving development efficiency in VSCode. I hope it will be helpful to everyone!
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:
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
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 VideoThe 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!