เตรียมการใช้งาน React - SupakronQ/BangPan GitHub Wiki

เตรียมการใช้งาน React

-ติดตั้ง node.js

ไปที่เว็ปของ nodejs 1.เลือกโหลด Version จากหน้าเว็ป node.js โดยแนะนำเป็น Recommended

image

2.เมื่อทำการโหลดเสร็จให้ทำการ run และกด Next

image

3.กด I accept … แล้วทำการกด Next

image

4.เลือก Location file แล้วกด Next

image

5.กด Next

image

6.กด Next

image

  1. กด install

image

  1. กด Finish

image

9.เช็คว่าติดตั้งสำเร็จ โดย Run node -v ใน Command Prompt

image


ติดตั้งตัวช่วยในการเขียน React ใน VScode

1.เข้า Extensions

image

2.ติดตั้ง Prettier Code formatter

image

3.ติดตั้ง Auto Rename Tag

image

4.ติดตั้ง Color highlight

image


ทำการติดตั้ง React developer tools(สำหรับใช้ chrome เป็น debug)

กด เพิ่มใน chrome

image


ทดลองใช้งาน

สามารถ Run และใช้งานได้ปกติ

image