Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

vs code, code formatting is not working.

See original GitHub issue

I have searched through existing issues
I have read through docs
I have read FAQ

Info

Platform: Win
Vetur version: 0.11.5
VS Code version: 1.19.1

Problem

I uninstalled all the extensions and reinstalled vetur several times, vue code formatter still doesn’t work.

{
    "window.openFilesInNewWindow": "off",
    "explorer.confirmDelete": false,
    "[vue]": {
        "editor.formatOnSave": true,
                
    },
    "files.associations": {
        "*.vue": "vue"
    }
}

Reproducible Case

Issue Analytics

State:
Created 6 years ago
Reactions:1
Comments:13 (3 by maintainers)

Top GitHub Comments

48reactions

lzl124631xcommented, Feb 4, 2018

I added the following setting to .vscode/settings.json.

{
    "vetur.format.defaultFormatter.html": "js-beautify-html"
}

The formattingOnSave for HTML does work.

Why is the default html formatter disabled?
Can you add “where to add those json config”? You only listed those json but didn’t say where to put it.

–

update: How to edit .vscode/settings.json?

ctrl + shift + p > Configure Language Specific Settings > Vue > Edit the file.

My current settings:

{
    "window.openFilesInNewWindow": "off",
    "explorer.confirmDelete": false,
    "[vue]": {
        "editor.formatOnSave": true,
                        
    },
    "files.associations": {
        "*.vue": "vue"
    },
    "vetur.format.defaultFormatter.html": "js-beautify-html"
}

16reactions

arturmaizcommented, Jun 17, 2018

Try go to vetur configuration, and change => “vetur.format.defaultFormatter.html”: “js-beautify-html”