Tambahkan Husky + Lint-staged ke React(typescript)
Saya berasumsi bahwa Anda sudah memiliki setidaknya pengetahuan dasar tentang ReactJs dan Git .
Catatan: Artikel ini ditulis pada Agustus 2021. Sintaks ini mungkin tidak berfungsi nanti karena perubahan versi.
Langkah pertama
Mari atur proyek React dengan TypeScript menggunakan perintah create-react-app
npx create-react-app automate-prettier-eslint-with-husky --template typescript
Sekarang kita dapat menambahkan git ke proyek kita. Di sini saya menggunakan GitHub untuk proyek ini.
Buat repositori kosong di Github, maka Anda akan ditampilkan seperti ini.
Selanjutnya, Anda dapat menambahkan git dan mendorong komit pertama ke repositori dengan menggunakan perintah di bawah ini,
git remote add origin https://github.com/cheulong/automate-prettier-eslint-with-husky.git
git branch -M main
git push -u origin main
Langkah Ketiga
Tambahkan dependensi
yarn add -D husky lint-staged prettier
lint-staged— untuk menjalankan perintah sebelum melakukan .prettier— untuk memformat kode.
Buat .prettierignoreuntuk menambahkan folder yang diabaikan
Tambahkan perintah Eslint dan Prettier ke skrip
eslint srcuntuk memeriksa kode peringatan dan kesalahan.prettier --writeuntuk memformat kode.prettier --check .untuk memeriksa format kode.
Langkah terakhir
Akhirnya, kami mengaktifkan git hook
npx husky install
npx husky add .husky/pre-commit "yarn lint-staged"
Catatan: Anda juga dapat mengedit file pra-komit
Sekarang biarkan mengujinya
git add .
git commit -m"add husky lint-staged"
Selamat, Anda berhasil menambahkan husky dan lint-staged ke proyek ReactJs Anda.
Repositori untuk artikel ini https://github.com/cheulong/automate-prettier-eslint-with-husky
Suggested posts
Menghindari Akibat Menghancurkan Stroke: Belajar dari Perjalanan Keluarga .
Pendahuluan Stroke adalah keadaan darurat medis yang dapat menyerang siapa saja kapan saja. Itu terjadi ketika aliran darah ke bagian otak terganggu, yang menyebabkan hilangnya fungsi otak secara tiba-tiba.
Jest — Kerangka Pengujian JavaScript yang Kuat
Pengujian adalah bagian penting dari pengembangan perangkat lunak. Ini memastikan bahwa kode dapat diandalkan, berfungsi seperti yang diharapkan, dan mengurangi kemungkinan kesalahan.
Related posts
"The Mariana Trench Unveiled: Menyingkap Kebenaran Tersembunyi yang Mengerikan dari Abyss"
Pendahuluan:Selamat datang, para pembaca yang pemberani, dalam sebuah perjalanan yang akan membawa kita ke kedalaman tergelap planet kita. Di blog ini, kami menyelidiki dunia penuh teka-teki Palung Mariana, mengungkap rahasianya yang tersembunyi dan mengungkap kebenaran mengerikan yang ada di bawah permukaannya.
Revolusi Tempat Kerja: Para Ahli Teratas Membahas Kerja Hibrid dan Jarak Jauh
Dalam lanskap bisnis yang berkembang pesat saat ini, konsep kerja hibrid dan jarak jauh telah mendapatkan momentum yang belum pernah terjadi sebelumnya. Saat perusahaan terus beradaptasi dengan perubahan kebutuhan dan harapan karyawan mereka, para ahli dari berbagai bidang berkumpul untuk membahas manfaat, tantangan, dan masa depan cara kerja transformatif ini.
Mengapa beberapa pekerja lepas memalsukan hidup mereka
Saya baru-baru ini berada di Linkedin, jejaring sosial profesional terbesar di dunia, dan menemukan postingan dari desainer lepas yang saya ikuti yang menarik perhatian saya. Mereka semua memposting foto dari pesawat terbang, di pantai dengan laptop mereka, dari kolam renang, dan kantor dengan pemandangan menakjubkan.
Penampilan Solo Gadis Berambut Merah
Atas tugas dari Hayden, Katie memfilmkan dirinya sedang masturbasi.
Sudah lewat tengah malam ketika Hayden mengantar Katie kembali ke asrama kampusnya setelah malam mereka bersama. Dia memiliki kelas awal di pagi hari dan tidak memiliki pakaian ganti lagi setelah tinggal bersamanya malam sebelumnya.