Cara setup Prettier di Visual Studio Code

Hallo teman-teman disini saya mau berbagi ilmu bagaimana cara setup Prettier di Visual Studio Code.

Sebelum itu mari kita bahas terlebih dahulu sebenarnya apa itu prettier? lalu kenapa kita dianjurkan untuk menggunakan prettier?

Apa itu Prettier ?

Prettier adalah suatu kode format yang bisa digunakan diberbagai macam bahasa pemrograman seperti javascript, php, java, ruby dll.

Kenapa kita harus menggunakan Prettier?

Ketika kita bekerja dalam sebuah tim untuk membangun suatu sistem / project, setiap orang dalam tim tersebut memiliki format penulisan kode program yang berbeda-beda nah disinilah peran prettier dibutuhkan untuk menyesuaikan format penulisan kode program.

Setup Prettier pada Visual Studio Code

• Buka aplikasi Visual Studio Code (VS-code), kemudian instalkan extension Prettier.

• kemudian masuk ke pengaturan

• lalu masuk bagian icon file “Open setting (JSON)” yang berada pada pojok kanan atas
• lalu ketikkan kode dibawah ini

"editor.formatOnSave": true,
"editor.defaultFormatter": "esbenp.prettier-vscode"

• file tampilannya akan seperti gambar dibawah ini