Akhir-akhir ini ekstensi prettier di visual studio code saya terjadi gangguan, tidak tau penyebabnya yang jelas setiap kali saya save tidak terjadi perubahan syntax code yang rapi. Beberapa cara sudah saya lakukan seperti disable, uninstal prettier, bahkan sampai uninstal visual studio code sayangnya tetap prettier tidak berfungsi dengan baik. Mungkin dari pembaca yang sudah berhasil menyelesaikan masalah ini boleh dong komentar di bawah!
Banyak jalan menuju roma, seperti kata pepatah ini saya mencoba untuk mencari cara lain agar syntax code saya berjalan rapi seperti sebelumnya, pada akhirnya seperti kata pepatah tersebut saya menemunkan jalan dengan cara menggunakan prettier secara global (bukan ekstensi dari visual studio code sendiri). Jadi harus mengatur bagaimana dan apa saja sntax code yang diperlukan, kelebihannya jika di atur sendiri bisa menyesuaikan selera apa yang ingin di rapikan.
Baca Juga: Memulai Javascrip from zero to hero
Karena bisa mengatur sendiri barisan syntax atau aturan-aturan penulisan agar menjadi rapi kembali maka tentunya terdapat aturan-aturan yang diperlukan tetapi sebelum saya menjelaskan Bagaimana cara menggunakan prettier di Terminal, saya akan menjelaskan rekomendasi beberapa aturan-aturan yang boleh dan di ikuti dalam penulisan syntax code yang rapi.
Dilansir dari kak Dimas selaku content writer dicoding, kebetulan setahun yang lalu saya mengikuti sebuah event dicoding tentang Tips Menulis Kode yang Konsisten di Javascript Metode ESLint pada event ini cukup banyak ilmu menarik yang saya dapatkan jadi kalau misal tidak ingin membuat peraturan code yang rapi sendiri ada tips dari kak dimas atau yang direkomendasikan yakni: Airbnb Javasxcript Guide, Google Javascript Style Guide, Javascript Standard Style masing-masing memiliki kelebihan. Bisa langsung klik linknya yah. Tapi dikarenakan saya baru pertama kali mencoba jadi lebih memakai aturan pretier sendiri, jika pembaca ingin mengetahui cara saya menggunakan aturan prettier adalah sebagai berikut:
Pertama buat file .prettierrc pada project yang sedang di buat kemudian isi dengan baris code di bawah
{
"printWidth": 80,
"trailingComma": "es5",
"useTabs": false,
"tabWidth": 2,
"semi": true,
"singleQuote": true,
"bracketSpacing": true,
"jsxBracketSameLine": false
}
Bisa di lihat beberapa aturan yang saya buat, lanjut bagaimana cara menggunakan Prettier di Terminal langkah pertama install prettier secara global "yarn global add prettier" setelah proses instalasi dilakukan maka langkah berikutnya mencoba mengetahui versi dari prettier itu sendiri, sampai saat penulis menulis artikel ini versi prettier adalah 2.1.2 berikutnya kita implementasikan aturan yang sudah dibuat tadi dengan cara pada project yang telah dibuat mengetikan
prettier 'nama path jsnya' --write contoh prettier './src/App.js' --write
Maka setelah proses ini dijalankan syntax code akan rapi sesuai dengan aturan yang telah dibuat. Selamat mencoba.
