#ow untuk menyediakan Next-React pada sistem setempat anda.

Untuk memasang React dengan Next.js menggunakan perintah npx create-next-app@latest, ikut langkah berikut:

1. Pastikan Node.js Dipasang

Sebelum mencipta projek Next.js, anda perlu memasang Node.js pada sistem anda. Semak sama ada ia dipasang dengan menjalankan:

node -v

Jika anda belum memasangnya, muat turun dan pasang dari tapak web rasmi Node.js.

2. Buka Terminal atau Prompt Perintah

Pada Windows, buka Command Prompt atau PowerShell. Pada macOS atau Linux, buka Terminal.

3. Navigasi ke Folder Tempat Anda Ingin Mencipta Projek

Gunakan arahan cd untuk menavigasi ke folder tempat anda ingin mencipta projek baharu anda. Contohnya:

cd path/to/your/project/folder

4. Jalankan npx create-next-app@latest Command

Sekarang, jalankan arahan berikut:

npx create-next-app@latest

• Ini akan menggesa anda dengan soalan untuk mengkonfigurasi projek Next.js baharu anda.
• Contoh soalan dan jawapan:
  • Apakah nama projek anda?: Berikan nama projek (mis., apl saya-seterusnya).
  • Adakah anda ingin menggunakan TypeScript?: Pilih Ya atau Tidak bergantung pada pilihan anda.
  • Adakah anda mahu menggunakan ESLint?: Pilih Ya atau Tidak bergantung pada sama ada anda mahu linting didayakan.
  • Adakah anda mahu menggunakan CSS Tailwind?: Pilih Ya jika anda bercadang untuk menggunakan Tailwind untuk penggayaan.
  • Adakah anda ingin menggunakan direktori src/?: Pilih Ya atau Tidak.
  • Adakah anda mahu menggunakan Penghala Apl?: Pilih Ya atau Tidak berdasarkan pilihan anda.
  • Adakah anda ingin menyesuaikan alias import lalai?: Pilih Ya atau Tidak.

Setelah anda menjawab semua gesaan, arahan itu akan memasang semua kebergantungan yang diperlukan dan mencipta fail projek.

5. Navigasi ke Folder Projek Baharu Anda

Selepas pemasangan selesai, navigasi ke folder projek Next.js baharu anda:

cd my-next-app

Ganti apl saya-seterusnya dengan nama sebenar projek anda.

6. Jalankan Pelayan Pembangunan

Untuk memulakan pelayan pembangunan dan melihat projek Next.js baharu anda sedang beraksi, jalankan:

npm run dev

Secara lalai, projek anda boleh diakses di http://localhost:3000.

7. Buka Projek dalam Editor Kod Anda

Buka folder projek anda dalam editor kod pilihan anda, seperti Kod VS:

code .

Kini anda telah berjaya membuat dan menyediakan projek Next.js (React) baharu!

Atas ialah kandungan terperinci #ow untuk menyediakan Next-React pada sistem setempat anda.. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!