Visual studio code CSS indentation and formatting

css visual-studio-code
A. DC picture A. DC · Jun 10, 2016 · Viewed 98.4k times · Source

I'd like to know if there is any way to activate auto indent a CSS file in visual studio code with the shortcut ALT+SHIFT+F?

It's working fine with JavaScript but strangely not with CSS.

Answer

NValchev picture NValchev · Jun 10, 2016

Yes, try installing vscode-css-formatter extension.
It just adds the functionality to format .css files and the shortcut stays the same Alt+Shift+F.

Related questions

How to enable VS Code HTML error checking / validation?

I have just switched to Visual Studio Code for web development from Netbeans and am finding my way around. In Netbeans, if I forget the closing bracket on a tagname it will indicate my error with a red squiggly underline, …

Read More
Fix Warning "Also define the standard property 'box-shadow' for compatibility"

I use the MDB scroll library, and VSCode shows the following warning: Also define the standard property 'box-shadow' for compatibility How can I fix it or at least ignore the warning on VSCode? .scrollbar-black::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px …

Read More
EditorConfig for VS Code not working

I use VS Code as editor. We have a .editorconfig file with format configs within. We all use in our editors the extenion EditorConfig to format our HTML and CSS general. I have installed the extension EditorConfig for VS Code …

Read More