,

Panduan Instalasi Aplikasi React.js Menggunakan Vite – (Front End Tool) #reactjs

Posted by

Cara Instalasi Aplikasi React.js Menggunakan Vite

Cara Instalasi Aplikasi React.js Menggunakan Vite

Vite adalah sebuah front end tool yang memungkinkan kita untuk mengembangkan aplikasi front end menggunakan React.js dengan cepat dan efisien. Berikut adalah langkah-langkah cara instalasi aplikasi React.js menggunakan Vite:

  1. Install Node.js dan NPM jika belum terinstall di komputer Anda.
  2. Buat folder untuk proyek React.js Anda dan masuk ke dalam folder tersebut melalui terminal atau command prompt.
  3. Jalankan perintah berikut untuk membuat proyek React.js baru menggunakan Vite:

npx create-vite@latest my-react-app --template react

Perintah di atas akan membuat proyek React.js baru dengan menggunakan template react yang disediakan oleh Vite.

  1. Masuk ke dalam folder proyek React.js yang baru saja dibuat dengan perintah:

cd my-react-app

  1. Jalankan perintah berikut untuk menginstal dependency proyek:

npm install

Perintah di atas akan menginstal semua dependency proyek yang diperlukan untuk menggunakan React.js dengan Vite.

  1. Jalankan proyek React.js Anda dengan perintah:

npm run dev

Proyek Anda akan berjalan di localhost dengan port default 3000. Buka browser dan ketikkan http://localhost:3000 untuk melihat proyek React.js yang sedang berjalan.

Dengan mengikuti langkah-langkah di atas, Anda telah berhasil menginstalasi aplikasi React.js menggunakan Vite. Selamat mengembangkan proyek front end Anda!