If you search the settings for css format you will see there are a few there: newlines between selectors and rules, etc.
So you could disable CSS > Format: Newlines Between Selectors for example.
In addition, you can make css-specific settings like this (in your settings.json):
"[css]": {
"files.insertFinalNewline": true
}
And make sure the setting CSS > Format: Enable is set to true. (the default is true)
Visual Studio Marketplace
marketplace.visualstudio.com › items
JS-Beautify for VS Code - Visual Studio Marketplace
Extension for Visual Studio Code - Beautify code in place for VS Code
Visual Studio Marketplace
marketplace.visualstudio.com › items
JS Beautify - Visual Studio Marketplace
March 15, 2024 - Extension for Visual Studio Code - A little wrapper around "js-beautify" for conveniently beautifying CSS/HTML/JS files.
Beautifly / Tidy (Javascript) in Visual Studio Code - Stack Overflow
I'm currently giving Visual Studio Code a try. Overall I like the user experience however I can't find some of the things I'm very much used to, in sublime (with the help of extensions.) One of th... More on stackoverflow.com
formatting - How to configure code formatters Beautify, Prettier, per project in VS Code - Stack Overflow
Are there features that allow formatter configuration to be specific per project in VS Code? As in, I have one project I want indenting, and another project where I don't want indenting. I feel lik... More on stackoverflow.com
How to disable automatic formatting options in vscode?
I’m referring especially to the indentation and the stripping of trailing semicolons, which I find a bit annoying tbh, but I wonder how to disable any of the automatic formatting settings in vscode? I have looked through the settings but couldn’t find anything obviously standing out. More on discourse.julialang.org
0
January 25, 2022Can you recommend a good all-in-one Beautifier for HTML, CSS, JS, XML, SASS, SCSS, & LESS?
Prettier. More on reddit.com
13
24
August 20, 2020Videos
11:20
How to Format Code Automatically with Prettier and VS Code - YouTube
02:22
How To Beautify Visual Studio Code Tutorial - YouTube
01:38
VS Code tip — Configuring JavaScript and TypeScript formatting ...
05:07
Code Formatting Extensions in VSCode - YouTube
05:07
Code Formatting with Prettier in Visual Studio Code - YouTube
Beautifier
beautifier.io
JS Beautifier
End script and style with newline? Support e4x/jsx syntax Use comma-first list style? Detect packers and obfuscators? (unsafe) Preserve inline braces/code blocks? Keep array indentation? Break lines on chained methods? Space before conditional: "if(x)" / "if (x)" Unescape printable chars encoded as \xNN or \uNNNN?
Visual Studio Marketplace
marketplace.visualstudio.com › items
js-beautify for VSCode - Visual Studio Marketplace
May 2, 2024 - Extension for Visual Studio Code - js-beautify for VSCode
GitHub
github.com › beautifier › js-beautify
JS Beautifier
The beautified result is sent to stdout unless otherwise configured. ... To use js-beautify as a node library (after install locally), import and call the appropriate beautifier method for JavaScript (JS), CSS, or HTML. All three method signatures are beautify(code, options).
Starred by 9K users
Forked by 1.4K users
Languages JavaScript 42.8% | HTML 35.9% | Python 15.5% | Mustache 2.7% | Shell 2.6% | Makefile 0.3% | CSS 0.2%
Medium
thiraphat-ps-dev.medium.com › the-best-code-formatters-for-vs-code-11704e787f92
The Best Code Formatters for VS Code | by Thiraphat Phutson | Medium
June 3, 2024 - Beautify is another popular code formatter for VS Code that supports various languages such as JavaScript, HTML, CSS, and JSON.
Carl de Souza
carldesouza.com › home › posts › how to beautify a javascript file in visual studio code
How to Beautify a JavaScript File in Visual Studio Code - Carl de Souza
September 11, 2020 - We can see the function is on one line: Search for and select Beautify: Click Install: Now, select CTRL + SHIFT + P or the View menu to bring up the Command Palette: Search for Beautify and you will see: Beautify …
Alemoh Rapheal Baja
alemsbaja.hashnode.dev › recommended-visual-studio-code-extensions-for-javascript-developers
Recommended Visual studio code extensions for Javascript developers
January 29, 2022 - In this article, we'll be looking at awesome vscode extensions for Javascript developers. Vscode is a free open-source text editing tool by Microsoft with support for developing applications using different programming languages. It has built-in Git ...
Top answer 1 of 2
8
If you want to beautify the code, you can just press
Ctrl+Shift+P and type format code or press Alt+Shift+F
It correctly indents my code so it seems like that is what you are looking for, if not you might want to give an example.
2 of 2
4
You can use the shortcuts to beautify the code in Visual Studio Code:
- On Windows: Shift + Alt + F
- On Mac: Shift + Option + F
- On Ubuntu: Ctrl + Shift + I
As per the Programming language (PHP, HTML, JavaScript, ASP, JSP, etc.) it will ask you to install a package, after installation you can use above shortcuts.
Visual Studio Marketplace
marketplace.visualstudio.com › items
Prettier - Code formatter - Visual Studio Marketplace
January 21, 2026 - Extension for Visual Studio Code - Code formatter using prettier
DEV Community
dev.to › robole › vs-code-you-dont-need-a-formatting-extension-prettier-and-friends-26cm
VS Code - You don't need a formatting extension (Prettier and friends) - DEV Community
June 2, 2022 - For us, its a pre-commit hook to format with pretty-quick on all staged files. Use whatever IDE you want (although I recommend VScode for the team), but our code will be formatted the same regardless. ... Web Dev full-stack [LAMP] since 2005, but much heavier on the JS stuff these days.
Visual Studio Code
code.visualstudio.com › docs › languages › javascript
JavaScript in Visual Studio Code
November 3, 2021 - To check if a JavaScript file is part of JavaScript project, just open the file in VS Code and run the JavaScript: Go to Project Configuration command. This command opens the jsconfig.json that references the JavaScript file.
YouTube
youtube.com › watch
- YouTube
Enjoy the videos and music you love, upload original content, and share it all with friends, family, and the world on YouTube.
DigitalOcean
digitalocean.com › community › tutorials › how-to-format-code-with-prettier-in-visual-studio-code
Format Code with Prettier in Visual Studio Code: Setup Guide | DigitalOcean
August 1, 2025 - Open Settings (JSON) via the Command Palette. ... You can apply this setting globally or in a workspace-specific .vscode/settings.json file.
YouTube
m.youtube.com › watch
How to Format or Beautify Javascript, JQuery and CSS Codes ...
Share your videos with friends, family, and the world
ServiceNow Community
servicenow.com › community › developer-forum › beautify-is-deprecated-when-do-we-get-a-new-version › m-p › 1860978
Beautify is deprecated .. when do we get a new ver... - ServiceNow Community
September 1, 2022 - Hi there, the extensions has Beautify as a dependency. This extensions is marked deprecated as it is no longer maintained. When do we get an
Julia Programming Language
discourse.julialang.org › tooling › vs code
How to disable automatic formatting options in vscode? - VS Code - Julia Programming Language
January 25, 2022 - I’m referring especially to the indentation and the stripping of trailing semicolons, which I find a bit annoying tbh, but I wonder how to disable any of the automatic formatting settings in vscode? I have looked through…
Medium
medium.com › @pabloargueta27 › how-to-beautify-your-vscode-56d397fa50d7
How to beautify your VSCode!. Being an Atom user I kept hearing that… | by Pablo Argueta | Medium
August 2, 2018 - Now we want to enable Custom CSS and JS using ‘CMD + shift + P’ and type “Enable Custom CSS and JS”. Close and reopen VSCode and everything should work.
