Merapikan Coding dengan Prettier pada VS Code

  

    Halo sahabat coding. Masing suka ngoding dengan VS Code? Pernah mengalami struktur code yang berantakan. Tentu ini menjengkelkan.  Apalagi jika coding kita sudah panjang dan kita harus mencari pasangan dari script yang kita buat.Wah kebayangkan repotnya. 

    VSCode meneyediakan plugin yang dapat merapikan coding kita secara otomatis. Plugin tersebut bernama Prettier Code Formatter. Memasang Plugin tersebut cukup mudah. Berikut langkahnya:

1. Buka VS Code yang telah terinstal di PC anda. Dibagian kiri pilih Extensions atau tekan CTRL+ Shift +X di keyboard.
2. Ketikkan key  prettier pada search sehingga muncul plugin perttier.
3. Pilih plugin Prettier-Code formatter dan klik Install.
4. Jika anda ingin melihat documen prettier terlebih dahulu, klik prettier tersebut dan documentnya akan muncul. Baru klik Install.

Setelah Prettier terpasang, anda belum bisa menggunakannya. Perlu setting Format terlebih dahulu. Cara melakukan format prettier adalah sebagai berikut:

1. Masuk ke menu setting dengan cara menekan kombinasi Ctrl +, hingga muncul halaman setting.

2. Pilih Text Editor => Formatting dan centang Format On Save.

3. Tekan Shift +Alt + F. Jika muncul permintaan configurasi tekan saja Configurasi.

4. Pilih Prettier - Code Formater. Secara otomatis Code anda akan dirapikan

Dan sekarang masuk kehalam file anda. Tekan Ctrl + S untuk menyimpan file. Secara otomatis coding anda akan dirapikan oleh extension Prettier.

Penutup

Oke, Sekian trik untuk menempelkan Perttier di VS Code, Selamat mencoba semoga suksess dan terimakasih telah berkunjung.