Bagaimana untuk Mencipta Apl React? Pemasangan dan Persediaan Persekitaran

Sebelum anda mula membina aplikasi dengan React, adalah penting untuk menyediakan persekitaran pembangunan yang betul. Berikut ialah panduan langkah demi langkah untuk membantu anda bermula:

LANGKAH 1. Pasang Node.js dan npm

Langkah pertama dalam menyediakan persekitaran React anda ialah memasang Node.js, kerana ia menyediakan masa jalan JavaScript yang diperlukan untuk melaksanakan kod di luar penyemak imbas. Apabila anda memasang Node.js, ia disertakan dengan npm (Pengurus Pakej Node), yang penting untuk mengurus kebergantungan dalam projek anda. Untuk memuat turun Node.js, lawati tapak web rasmi dan pilih versi yang sesuai untuk sistem anda.

LANGKAH 2. Sediakan Projek React Baharu dengan Create React App (CRA)

React menawarkan alat rasmi yang dipanggil Create React App (CRA), yang memudahkan proses mencipta projek baharu dengan persekitaran pra-konfigurasi. CRA mengendalikan persediaan pek web, Babel dan alatan lain yang diperlukan supaya anda boleh menumpukan pada pengekodan. Untuk mencipta projek React baharu, buka terminal anda dan jalankan arahan berikut:

npx create-react-app my-react-app

Di sini, anda boleh menggantikan my-react-app dengan mana-mana nama yang anda suka untuk projek anda. Ini akan menjana semua fail dan folder yang diperlukan yang diperlukan untuk projek React asas.

LANGKAH 3. Navigasi ke Folder Projek Anda

Setelah projek React telah dibuat, anda perlu menavigasi ke dalam folder projek anda untuk memulakan pembangunan. Gunakan arahan berikut untuk beralih ke direktori projek anda yang baru dibuat:

cd my-react-app

LANGKAH 4. Mulakan dan Jalankan Aplikasi React Anda

Setelah projek anda disediakan, anda boleh memulakan pelayan pembangunan untuk melihat aplikasi React anda sedang beraksi. Jalankan arahan berikut di dalam direktori projek anda:

npm mula

Arahan ini akan memulakan pelayan pembangunan dan secara automatik membuka penyemak imbas lalai anda untuk memaparkan aplikasi.

Secara lalai, apl akan dijalankan pada http://localhost:3000. Pelayan pembangunan menyediakan muat semula panas, yang bermaksud sebarang perubahan yang anda buat pada kod akan dipaparkan secara automatik dalam penyemak imbas tanpa perlu memuat semula halaman secara manual.

Pergi ke Medium saya untuk mengetahui lebih lanjut tentang React: https://medium.com/@CodingAdventure

Atas ialah kandungan terperinci Bagaimana untuk Mencipta Apl React? Pemasangan dan Persediaan Persekitaran. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!