สารบัญ:

ติดตั้ง react JS อย่างไร?
ติดตั้ง react JS อย่างไร?

วีดีโอ: ติดตั้ง react JS อย่างไร?

วีดีโอ: ติดตั้ง react JS อย่างไร?
วีดีโอ: React ตั้งแต่ 0 จน deploy 2024, อาจ
Anonim

การติดตั้ง ReactJS โดยใช้ webpack และ babel

  1. ขั้นตอนที่ 1 - สร้างโฟลเดอร์รูท
  2. ขั้นตอนที่ 2 - ติดตั้ง React และ react dom
  3. ขั้นตอนที่ 3 - ติดตั้ง webpack
  4. ขั้นตอนที่ 4 - ติดตั้ง Babel
  5. ขั้นตอนที่ 5 - สร้างไฟล์
  6. ขั้นตอนที่ 6 - ตั้งค่าคอมไพเลอร์ เซิร์ฟเวอร์ และตัวโหลด
  7. ขั้นตอนที่ 7 - ดัชนี
  8. ขั้นตอนที่ 8 - แอป

เมื่อพิจารณาถึงสิ่งนี้แล้วการติดตั้งตอบสนองใน Windows อย่างไร?

ติดตั้ง ReactJS Windows

  1. git --รุ่น. ติดตามโดย:
  2. โหนด --รุ่น ติดตามโดย:
  3. npm --รุ่น. แต่ละรายการควรมีเวอร์ชันที่ติดตั้งบน Windows
  4. npm install -g create-react-app หากสำเร็จ คุณควรจะได้รับเวอร์ชัน:
  5. create-react-app --version.
  6. create-react-app
  7. cd npm เริ่ม
  8. เรียบเรียงสำเร็จ!

นอกจากนี้การติดตั้งตอบสนอง JS NPM อย่างไร ขั้นตอนที่ 1: - การตั้งค่าสภาพแวดล้อม

  1. สร้างโฟลเดอร์บนเดสก์ท็อปเพื่อให้คุณสามารถค้นหาได้อย่างง่ายดาย
  2. เรียกใช้คำสั่งต่อไปนี้เพื่อสร้างไฟล์ package.json ….. DesktopFolderName>npm init
  3. พิมพ์ npm install react --save ในพรอมต์คำสั่ง --save จะอัปเดตแพ็คเกจ
  4. พิมพ์”npm install react-dom --save” ในพรอมต์คำสั่ง

ในที่นี้การติดตั้งตอบสนอง JS ทีละขั้นตอนอย่างไร

การติดตั้ง ReactJS โดยใช้ webpack และ babel

  1. ขั้นตอนที่ 1 - สร้างโฟลเดอร์รูท
  2. ขั้นตอนที่ 2 - ติดตั้ง React และ react dom
  3. ขั้นตอนที่ 3 - ติดตั้ง webpack
  4. ขั้นตอนที่ 4 - ติดตั้ง Babel
  5. ขั้นตอนที่ 5 - สร้างไฟล์
  6. ขั้นตอนที่ 6 - ตั้งค่าคอมไพเลอร์ เซิร์ฟเวอร์ และตัวโหลด
  7. ขั้นตอนที่ 7 - ดัชนี
  8. ขั้นตอนที่ 8 - แอป

คุณจะตั้งค่าโครงการตอบสนองอย่างไร?

ตั้งโครงการตอบโต้

  1. ขั้นตอนที่ 1: ติดตั้งแอปพลิเคชันตัวอย่าง โคลนที่เก็บ es6-tutorial-react: git clone
  2. ขั้นตอนที่ 2: ตั้งค่า Babel และ Webpack เปิดพรอมต์คำสั่ง และนำทาง (cd) ไปยังไดเร็กทอรี es6-tutorial-react
  3. ขั้นตอนที่ 3: สร้างและเรียกใช้

แนะนำ: