Persediaan Bertindak Dengan Vite Langkah demi Langkah

Vite ialah Alat Bina moden yang direka untuk menyediakan pengalaman pembangunan yang pantas dan cekap, terutamanya untuk aplikasi berasaskan JavaScript seperti React, Vue dan lain-lain.

Vite sendiri lebih memfokuskan pada kelajuan pembangunan dengan konfigurasi minimum dan masa pemuatan yang lebih pantas semasa proses pembangunan. Masa binaan pengeluaran juga biasanya lebih cepat disebabkan oleh pengoptimuman daripada rollup

Dalam tutorial ini, anda akan belajar cara memasang Reactjs dengan Vite langkah demi langkah

Langkah 1
Buka aplikasi terminal yang anda ada, di sini saya menggunakan cmder, dan pergi ke folder tempat anda ingin memasang aplikasi

Langkah 2
Untuk menjalankan proses pemasangan anda boleh menggunakan "benang" atau "npm",
taip arahan berikut dalam terminal anda,

##NPM
npm create vite@latest

##YARN
yarn create vite

Saya menggunakan benang.

Selepas anda melaksanakan arahan di atas, anda akan diminta untuk memasukkan nama aplikasi yang ingin anda buat, seperti yang ditunjukkan dalam imej berikut

Langkah 3
Anda akan melihat senarai; gunakan kekunci anak panah untuk bergerak ke atas dan ke bawah senarai, klik enter untuk memilih pilihan pilihan anda.
Dalam langkah ini, kami akan memilih React

Langkah 3
Anda akan melihat lima pilihan untuk dipilih, Navigasi ke dan pilih
di sini saya akan memilih Typescript SWC

Dan itu sahaja; Anda kini mempunyai projek Vite anda

Langkah 4
Seperti yang diarahkan dalam keputusan akhir dalam langkah 3, anda diminta untuk memasukkan folder aplikasi yang telah anda buat, selepas itu jalankan arahan seperti yang diarahkan

### masuk ke folder aplikasi anda
cd react-vite

### install dependencies
yarn install

Langkah 5
Selepas semua proses dalam langkah 4 berjaya, untuk menjalankan aplikasi anda perlu menjalankan arahan berikut

### npm 
npm run dev

### yarn
yarn dev

Selepas aplikasi berjaya dijalankan, anda boleh mengakses aplikasi mengikut pautan yang dipaparkan di terminal

Kesimpulan:
Lihat, ia tidak sukar sama sekali, dan keseluruhan proses tidak mengambil masa yang lama untuk diselesaikan.

Kini anda telah berjaya belajar memasang aplikasi ReactJS menggunakan Vitejs

Terima kasih

Atas ialah kandungan terperinci Persediaan Bertindak Dengan Vite Langkah demi Langkah. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!