สารบัญ:

ฉันจะติดตั้ง react JS บน Windows ได้อย่างไร
ฉันจะติดตั้ง react JS บน Windows ได้อย่างไร

วีดีโอ: ฉันจะติดตั้ง react JS บน Windows ได้อย่างไร

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

ติดตั้ง ReactJS Windows

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

ด้วยวิธีนี้ คุณจะตั้งค่าสภาพแวดล้อม React อย่างไร?

ตั้งค่า React Environment

  1. ขั้นตอนที่ 1: สร้างโฟลเดอร์โครงการในไดเรกทอรีของคุณ
  2. ขั้นตอนที่ 2: สร้างไฟล์ package.json เพื่อจัดการการพึ่งพาโหนดทั้งหมด
  3. ขั้นตอนที่ 3: ติดตั้ง webpack และ webpack-dev-server
  4. ขั้นตอนที่ 4: สร้างไฟล์ index.html
  5. ขั้นตอนที่ 5: กำหนดค่าไฟล์ webpack.config.js ใน rootdirectory
  6. ขั้นตอนที่ 6: ติดตั้งและตั้งค่าการพึ่งพา Babel

ฉันจะติดตั้ง react native ใน Windows 10 ได้อย่างไร เริ่มต้นใช้งาน React Native Development สำหรับ Windows

  1. ขั้นตอนที่ 1: ข้อกำหนดเบื้องต้น Windows 10: ปัจจุบัน รองรับเฉพาะแอปพลิเคชันแพลตฟอร์ม UniversalWindows (UWP) อย่างเป็นทางการเท่านั้น
  2. ขั้นตอนที่ 2: เริ่มต้นโครงการ React Native ของคุณ เปิด commandprompt: ชนะแล้ว cmd
  3. ขั้นตอนที่ 3: กำหนดค่าโครงการของคุณสำหรับการพัฒนา Windows UseReactNative 0.41.0 ใน package.json
  4. ขั้นตอนที่ 4: กำไร!

คล้าย ๆ กัน มีคนถามว่าจะเริ่มตอบสนอง JS ได้อย่างไร?

ปฏิกิริยา ขั้นแรกให้แปลง JSX เป็นไฟล์ Javascript ไฟล์ Javascript แสดงผลโดยเบราว์เซอร์ซึ่งจะส่งผลให้เป็นโค้ด HTML

ขั้นตอนที่ 1: - การตั้งค่าสภาพแวดล้อม

  1. ติดตั้ง Node.js และ NPM
  2. ติดตั้งปลั๊กอิน BABEL
  3. ติดตั้ง React
  4. ติดตั้ง WEBPACK Bundler

ติดตั้งแอปตอบโต้ด้วย NPM อย่างไร

สร้างแอปตอบโต้

  1. เริ่มต้นได้ทันที คุณไม่จำเป็นต้องติดตั้งหรือกำหนดค่าเครื่องมือ เช่น Webpack หรือ Babel
  2. npx npx create-react-app แอพของฉัน
  3. น. npm init react-app my-app
  4. เส้นด้าย. เส้นด้ายสร้าง react-app my-app
  5. npm start หรือ thread start เรียกใช้แอปในโหมดการพัฒนา
  6. การทดสอบ npm หรือการทดสอบเส้นด้าย
  7. npm run build หรือการสร้างเส้นด้าย

แนะนำ: