Bertindak balas dengan Vite On Steroid

Templat Permulaan Berkuasa untuk Pembangunan Web Moden

Aplikasi Building React dipermudahkan dengan React with Vite On Steroids – Templat permulaan untuk mencipta aplikasi React berprestasi tinggi dengan mudah.

Apa yang ada di dalam?

Templat ini padat dengan ciri yang direka untuk menyelaraskan proses pembangunan anda:

• Vite: Alat binaan sepantas kilat yang memastikan pembangunan pesat dan binaan pengeluaran yang dioptimumkan.
• React: Pustaka JavaScript yang popular untuk membina antara muka pengguna.
• TypeScript: Tambahkan keselamatan jenis dan alatan dipertingkatkan pada JavaScript anda.
• Tailwind CSS: Rangka kerja CSS yang mengutamakan utiliti untuk mencipta reka bentuk yang menakjubkan tanpa menulis CSS tersuai.
• ESLint: Pastikan pangkalan kod anda bersih dan konsisten dengan peraturan linting boleh pasang.
• Lebih Cantik: Pemformat kod pendapat yang menguatkuasakan penggayaan yang konsisten merentas projek anda.
• Vitest: Rangka kerja ujian unit yang sangat pantas dengan pendekatan asli Vite.
• Pustaka Pengujian: Utiliti ujian ringkas dan lengkap yang menggalakkan amalan ujian yang baik.
• Penulis drama: Rangka kerja ujian hujung ke hujung serba boleh yang menyokong berbilang penyemak imbas.
• Husky: Automatikkan cangkuk Git anda, seperti cangkuk prakomit, untuk memastikan kod berkualiti sebelum ia mencecah repositori.

Bermula

Prasyarat

Sebelum menyelam, pastikan anda telah memasang yang berikut:

• Node.js (versi 20.x atau lebih tinggi)
• Benang (atau npm atau pnpm)

Pemasangan

Mulakan projek anda dengan langkah mudah ini:

1. Klon repositori:

   git clone https://github.com/RicardoGEsteves/react-with-vite-on-steroids.git
   cd react-with-vite-on-steroids

1. Pasang kebergantungan:

   yarn

Menjalankan Pelayan Pembangunan

Bersedia untuk memulakan pengekodan? Putar pelayan pembangunan dengan:

yarn dev

Bangunan untuk Pengeluaran

Apabila anda bersedia untuk digunakan, buat binaan pengeluaran dengan:

yarn build

Menjalankan Ujian

Templat ini disertakan dengan utiliti ujian terbina dalam untuk memastikan kod anda berfungsi seperti yang diharapkan.

• Ujian Unit dengan Vitest:

  yarn test

• Semak Liputan Ujian:

  yarn coverage

• Ujian Hujung-ke-Hujung dengan Penulis Drama:

  • Jalankan semua ujian:

  yarn playwright test
  

  Salin selepas log masuk
  • Mod UI Interaktif:

  yarn playwright test --ui
  

  Salin selepas log masuk
  • Jalankan ujian hanya pada Chrome Desktop:

  yarn playwright test --project=chromium
  

  Salin selepas log masuk
  • Jalankan ujian dalam fail tertentu:

  yarn playwright test example
  

  Salin selepas log masuk
  • Mod nyahpepijat:

  yarn playwright test --debug
  

  Salin selepas log masuk
  • Autojana ujian dengan Codegen:

  yarn playwright codegen
  

  Salin selepas log masuk

Linting dan Pemformatan

Kekalkan kualiti dan ketekalan kod dengan arahan ini:

• Lit kod:

  yarn lint

• Betulkan ralat linting:

  yarn lint:fix

• Formatkan kod:

  yarn format

Lesen

Projek ini dilesenkan di bawah Lesen MIT. Untuk butiran lanjut, lihat fail LESEN.

Ucapan terima kasih

Terima kasih yang tidak terhingga kepada pembangun dan komuniti di sebalik alatan hebat ini:

• Vite
• Bertindak balas
• Skrip Jenis
• CSS Tailwind
• ESLint
• Lebih cantik
• Vitest
• Perpustakaan Pengujian
• Penulis drama
• Husky

Lihat templat @RicardoGEsteves

Ada banyak di laman web saya di https://www.ricardogesteves.com

Ikuti saya @ricardogesteves
X(twitter)

RicardoGEsteves (Ricardo Esteves) · GitHub

Pembangun Tindanan Penuh | Bersemangat untuk mencipta pengalaman pengguna yang intuitif dan memberi kesan | Berpusat di Lisbon, Portugal ?? - RicardoGEsteves

github.com

Atas ialah kandungan terperinci Bertindak balas dengan Vite On Steroid. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!