10 tips to improve development efficiency in VSCode

青灯夜游
Release: 2021-11-09 18:31:01
forward
2551 people have browsed it

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

10 tips to improve development efficiency in VSCode

VScode 10 efficiency-improving plug-ins and tips

1. The settings file is not in the sidebar Display

Open Setting, search files:exclude

10 tips to improve development efficiency in VSCode

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

10 tips to improve development efficiency in VSCode

Restart VSCode

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

10 tips to improve development efficiency in VSCode

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

Plug-in search idea Install IntelliJ IDEA Keybindings

10 tips to improve development efficiency in VSCode

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

10 tips to improve development efficiency in VSCode

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

Install the plug-in AutoFileName

10 tips to improve development efficiency in VSCode

6. Automatically sense the path of the imported file

Install the plug-in Path Intellisense

10 tips to improve development efficiency in VSCode

10 tips to improve development efficiency in VSCode

7.VSCode Set the language to Chinese

Search plug-in Chinese

10 tips to improve development efficiency in VSCode

8. Highlight comments

Install plug-inBetter Comments

10 tips to improve development efficiency in VSCode

110 tips to improve development efficiency in VSCode

Extended comment highlighting configuration

Settings.json Add configuration

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

9. Check if the code is spelled correctly

Install pluginCode Spell Checker

110 tips to improve development efficiency in VSCode

## 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

10 tips to improve development efficiency in VSCode

110 tips to improve development efficiency in VSCode##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!

source:juejin.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!