Share via

Instal React langsung di Windows

  • Artikel

Panduan ini akan berjalan melalui penginstalan React pada distribusi Linux (yaitu. Ubuntu) berjalan pada Subsistem Windows untuk Linux (WSL) menggunakan alat frontend vite.

Sebaiknya ikuti instruksi ini jika Anda baru menggunakan React dan hanya tertarik untuk belajar. Jika Anda membuat aplikasi satu halaman (SPA) yang ingin Anda gunakan perintah atau alat Bash dengan dan/atau berencana untuk menyebarkan ke server Linux, kami sarankan Anda menginstal dengan vite on Subsistem Windows untuk Linux (WSL).

Untuk informasi umum selengkapnya tentang React, memutuskan antara React (aplikasi web), React Native (aplikasi seluler), dan React Native untuk Windows (aplikasi desktop), lihat Gambaran umum React.

Membuat aplikasi React Anda

Untuk menginstal Buat Aplikasi React:

  1. Buka terminal(Windows Command Prompt atau PowerShell).

  2. Buat folder proyek baru: mkdir ReactProjects dan masukkan direktori tersebut: cd ReactProjects.

  3. Instal React menggunakan vite :

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

  4. Setelah diinstal, ubah direktori ke aplikasi baru Anda ("my-react-app" atau apa pun yang Anda pilih untuk memanggilnya): cd my-react-app, instal dependensi: npm install lalu mulai server pengembangan lokal Anda: npm run dev

    Perintah ini akan memulai server Node.js dan meluncurkan jendela browser baru yang menampilkan aplikasi Anda. Anda dapat menggunakan Ctrl + c untuk berhenti menjalankan aplikasi React di baris perintah Anda.

Catatan

Vite menyertakan alur build frontend menggunakan Babel, esbuild , dan Rollup, tetapi tidak menangani logika backend atau database. Jika Anda ingin membangun situs web yang dirender server dengan React yang menggunakan backend Node.js, sebaiknya instal Next.js, daripada penginstalan Vite ini, yang lebih ditujukan untuk aplikasi satu halaman (SPAs). Anda mungkin juga ingin mempertimbangkan untuk menginstal Gatsby jika Anda ingin membangun situs web berorientasi konten statis.

  1. Saat Anda siap untuk menyebarkan aplikasi web ke produksi, berjalan npm run build untuk membuat build aplikasi Anda di folder "dist". Anda dapat mempelajari lebih lanjut di Menyebarkan Situs Statis.

Sumber Daya Tambahan: