Skip to main content

Visual Studio Code Prettier vs Beautify plugin

   There are two famous beautify code plugins for Front-end developers in Visual Studio Code. So, I'd like to compare what plugin is better to use for me. 

 The plugins are

First, Prettier


Second, Beautify.

As you can see, Prettier is more popular than Beautify and Prettier supports more languages than Beautify. 
  • Prettier 
    • Install count: 8,628,031
    • language support: 
      • JavaScript · TypeScript · Flow · JSX · JSON
      • CSS · SCSS · Less
      • HTML · Vue · Angular
      • GraphQL · Markdown · YAML
  • Beautify 
    • Install count: 5,510,943
    • language support: 
      • javascript, JSON, CSS, Sass, and HTML
Prettier has more strict options users should use while Beautify let users do more free way. But I'd like to use Prettier for now because I don't need free style and Prettier supports more languages. (I use Javascript, TypeScript, JSON, CSS, HTML, JSX, Markdown, YAML)

Let's see how Prettier works.

1. Install Prettier plugin in Visual Studio Extensions

2. With this messy html code.

3. Ctrl + Shift + P > select Format Document

4. You can see how Prettier works!

Don’t waste your time formatting your code. It takes time that can be better spent writing more code.

Comments

Popular posts from this blog

Visual Studio Code pin on 'open editors' (file) tab

It was released in May 2020 release and updated in September 2020 release. Eclipse doesn't have this functionality at this time.   When I program something with many files, I really need this function. Most editors has 'close Others', 'close to the right' options. But with this pin file and 'close All', I could manage opened files easily. See below Introduce on September 2020 release. Pinned tabs also show a new "pinned" icon to allow you to unpin with one click. This icon will also appear in the "Open Editors" view. Theme:  GitHub Light Also they added compact options for editor tabs. A new setting  workbench.editor.pinnedTabSizing  allows you to configure how large a pinned tab should appear: normal : a pinned tab inherits the look of other tabs (new default) shrink : a pinned tab shrinks to a fixed size showing parts of the editor label compact : a pinned tab will only show as icon or first letter of the ed...

Installing Visual Studio Code for Windows Java Developer Easily

   Visual Studio Code is very popular for developers and Java is the most popular programming language in present world.  So in this article, I will show how to set up Visual Studio Code for java in Windows 10 very easily.  VS Code Team released Visual Studio Code with JDK. This is very cool because installing JDK need some configurations but in this download link that kinds of uncomfortable process removed. (downlaod jdk and install / configure environment / configure visual studio code) Let's see how comfortable it is. Download and Install Visual Studio Code for Java Click  Download and Install the Coding Pack for Java - Windows via this link Install Coding Pack for Java Installing Components Finished Setup Wizard Now you can see Lau...