Coding tool: Webstorm

Goal: Automatic formatting code when saving

1. Configuration ESLint

2. View the autorepair shortcut (this shortcut can be modified)

Toolbar Code –> ESLint Fix you can view the current auto-fix shortcuts, for example:

Pressing this shortcut while coding will automatically format it according to preset specifications, such as vue project.eslintrc.js common configuration

Here are some screenshots of the auto-formatted comparison