eslint reports error when vscode runs vue project

1. Install the plug-in eslint-plugin-vue

npm i -g eslint-plugin-vue

2. Modify the files under the project and path: .eslint.js

Add vue Options

3. Add the eslint and vetur plug-ins and download them directly in the plug-in library

4. Modify the vscode header Option configuration

[Chinese version file>Preferences>setting to find the corresponding configuration file]

[English version file>preferences>setting to find the corresponding configuration file]

[Find the configuration file and add the following code]

"eslint.autoFixOnSave": true, "eslint.validate": [ "javascript",{ "language": "vue", "autoFix": true },"html", "vue" ],

5. After the configuration is completed, restart vscode, and the eslint error will be automatically repaired when saving.

Recommended Tutorial:vscode tutorial

The above is the detailed content of eslint reports error when vscode runs vue project. For more information, please follow other related articles on the PHP Chinese website!