Vite adalah Build Tools modern yang di rancang untuk menyediakan pengalaman pengembangan yang cepat dan efisien, terutama untuk aplikasi yang berbasis javascript seperti React, Vue dan lainnya.
Vite sendiri lebih berfokus kepada kecepatan pengambangan dengan konfigurasi yang lebih minimal dan waktu pemuatan yang lebih cepat saat proses pengembangan. waktu build produksinya juga biasa lebih cepat karena optimasi optimasi dari rollup
Dalam tutorial ini, anda akan mempelajari cara install Reactjs deangan vite langkah demi langkah
Step 1
Buka aplikasi terminal yang anda miliki, disini saya menggunakan cmder, dan masuk ke folder dimana anda ingin menginstall aplikasinya
Step 2
untuk melakukan proses instalasi anda bisa menggunakan "yarn" atau "npm",
ketik perintah berikut di terminal anda,
##NPM
npm create vite@latest
##YARN
yarn create vite
Saya menggunakan yarn.
Setelah perintah di atas anda jalankan, maka anda akan diminta untuk memasukan nama aplikasi yang ingin anda buat, seperti gambar berikut
Step 3
Anda akan melihat daftar; gunakan tombol panah untuk berpindah ke atas dan ke bawah daftar, klik enter untuk memilih opsi pilihan Anda.
Pada langkah ini, kita akan memilih React
Step 3
Anda akan melihat lima opsi untuk dipilih, Navigasi ke dan pilih
disini saya akan memilih Typescript + SWC
Dan itu saja; Anda sekarang memiliki proyek Vite Anda
Step 4
Seperti yang sudah di perintahkan di hasil ahir pada step 3, anda disuruh untuk masuk kedalam folder aplikasi yang sudah anda buat, setelah itu jalankan perintah yang disuruh
### masuk ke folder aplikasi anda
cd react-vite
### install dependencies
yarn install
Step 5
setelah semua proses di step 4 berhasil, untuk menjalankan aplikasi anda perlu menjalankan perintah berikut
### npm
npm run dev
### yarn
yarn dev
setelah aplikasi berhasil di jalankan, anda bisa me akses aplikasinya sesuai deangan link yang ditampilkan di terminal
Kesimpulan:
Lihat, itu tidak sulit sama sekali, dan semua prosesnya tidak memakan waktu yang lama untuk menyelesaikannya.
Sekarang anda telah berhasil belajar menginstall aplikasi reactJS menggunakan Vitejs
Terimakasih
Top comments (0)