How to Fix ESLint Errors Upon Save in VS Code

Celý článek

Two of the most prominent utilities in web development today are ESLint and Microsoft’s Visual Studio Code. I enjoy using both, and I love the integration between both tools, but warnings from ESLint inside Visual Studio Code aren’t fulfilling — I’d rather lint errors be fixed each time I save.

Complete the following steps to make Visual Studio Code fix any lint errors when a file is saved:

• Open the following file path: ~/Library/Application Support/Code/User/settings.json
• Within the JSON structure, add the following:

{
    // ... Existing JSON here ...
    "editor.codeActionsOnSave": {
        "source.fixAll": true
    }
}

Every time you save applicable files within Visual Studio Code, ESLint will be run to fix any errors.

For me this is a massive time savings. There is some risk that this task might take a while one large files but for me it’s worth it.

The post How to Fix ESLint Errors Upon Save in VS Code appeared first on David Walsh Blog.