Dapatkan diskon up to 40% untuk pembelian di bulan Ramadhan.

Plugin Prettier Untuk Blade Template

Anda tau, baru-baru ini tailwind telah merilis plugin prettier untuk tailwindcss. Tapi kali ini, kita akan dikenalkan plugin baru kusus untuk Anda yang suka bermain blade.

1 min read

Published on 23 Feb, 2022 (updated: 23 Sep, 2022)

Written by Irsyad A. Panjaitan

Fill in LaravelTool

ArticlesPlugin Prettier Untuk Blade Template

Anda tau, baru-baru ini tailwind telah merilis plugin prettier untuk tailwindcss. Tapi kali ini, kita akan dikenalkan plugin baru kusus untuk Anda yang suka bermain blade. Apa lagi jika Anda sering bermasalah dengan blade component, maka plugin ini adalah jawabannya.

Untuk menggunakannya itu sangat mudah sekali. Install package nya terlebih dahulu seperti berikut.

yarn add -D @shufo/prettier-plugin-blade prettier
bashCopy

Setelah itu, Anda bisa format semua file-file yang sudah dengan menjalankan perintah berikut.

./node_modules/.bin/prettier --write resources/**/*.blade.php
bashCopy

Untuk cek, bisa dengan mengganti ---write menjadi --check seperti ini.

./node_modules/.bin/prettier --check resources/**/*.blade.php
bashCopy

Oia, ini ada tips bagi Anda yang sedang menggunakan vscode sebagai editor textnya, Anda bisa buka settings.json, dan masukkan kode ini.

"editor.defaultFormatter": "esbenp.prettier-vscode", "[blade]": { "editor.defaultFormatter": "shufo.vscode-blade-formatter" }, "editor.formatOnPaste": true,
jsonCopy

Anda juga bisa mengaktifkan format on save pada vscode, jadi Anda tidak perlu run berkali prettier nya dari command line.

Irsyad A. Panjaitan

Let's start living like no one can help us in any event, so that when we are helped in certain times, it becomes a plus in itself.
6

Share on