React: วิธีลงโปรแกรมพร้อมเรียน สำหรับคนใช้ macOS

ในหลักสูตรอบรม React for Web ของพล จะมีการติดตั้งโปรแกรมให้พร้อมสำหรับใช้ในการเรียน สำหรับเครื่องคอมพิวเตอร์ที่ใช้ macOS มีขั้นตอนตามด้านล่างนี้ครับ

ถ้าของใครใช้ Windows ก็สามารถคลิกที่นี่เพื่อไปดูส่วนโปรแกรมและเครื่องมือติดตั้งของฝั่ง Windows ได้เลย

1. ติดตั้ง Node.js

กดตรงนี้เพื่อดาวน์โหลดตัวติดตั้ง Node.js ให้เลือกดาวน์โหลดแบบ LTS ไม่เอา Current นะนะนะ

และให้เปิดไฟล์ และเริ่มขั้นตอนการติดตั้งให้เรียบร้อย

หลังจากติดตั้ง Node.js เสร็จแล้ว ให้ลองเช็คการทำงาน โดยเปิดโปรแกรม Terminal และรันคำสั่งต่อไปนี้ เพื่อเช็คเวอร์ชั่นของ Node.js ในเครื่อง

node --version

น่าจะเห็นเป็นเลขเวอร์ชั่น (ขึ้นอยู่กับว่าเราติดตั้งเวอร์ชั่นอะไร อาจจะใหม่กว่าของพลก็ได้นะ)

v10.16.0

จากนั้นรันคำสั่ง

npm --version
npx --version

ถ้าเห็นเลขเวอร์ชั่นขึ้นมาถือว่าโอเคครับ (ขึ้นอยู่กับว่าเราติดตั้งเวอร์ชั่นอะไร อาจจะใหม่กว่าของพลก็ได้นะ)

6.10.1

2. ติดตั้ง Yarn

การติดตั้ง Yarn จะเป็นการรันคำสั่งผ่านโปรแกรม Terminal โดยต้องมีการติดตั้งระบบที่เรียกว่า Homebrew ใน macOS ของเราก่อน ถ้ายังไม่มีก็ดูวิธีการติดตั้ง Homebrew ได้ในคลิปด้านล่าง

ถ้ามีระบบ Homebrew อยู่ในเครื่องแล้ว ก็เปิดโปรแกรม Terminal ขึ้นมา และรันคำสั่งด้านล่าง

brew install yarn

รอจนมันทำงานเสร็จ ก็ลองมาทดสอบคำสั่ง yarn ในโปรแกรม Terminal

โดยพิมพ์คำสั่งแบบด้านล่าง และกด enter

yarn

น่าจะเห็นขึ้นประมาณนี้ (เลขเวอร์ชั่นใหม่กว่าของพล ก็ไม่เป็นไร)

yarn install v1.22.0
info No lockfile found.
[1/4] ?  Resolving packages...
[2/4] ?  Fetching packages...
[3/4] ?  Linking dependencies...
[4/4] ?  Building fresh packages...

success Saved lockfile.
✨  Done in 0.10s.

3. ติดตั้ง Git Client

โดยปกติ ระบบ macOS จะมี Git client ติดตั้งมาให้อยู่แล้ว แต่ถ้าไม่มีก็สามารถ download ได้จากที่นี่ และติดตั้งตามคลิปด้านล่าง

4. ติดตั้ง Visual Studio Code

ดาวน์โหลดและติดตั้ง Visual Studio Code

และติดตั้งส่วนเสริมจาก link ด้านล่าง

ดาวน์โหลด และติดตั้ง React Extension pack โดย Nextflow

5. เสร็จเรียบร้อย

• ติดตามจากแฟนเพจ Nextflow
• กดติดตามคลิปใหม่ๆ  Subscribe YouTube Channel ของพลได้เลย
• โทรติดต่อบริการจัดอบรม 083-071-3373 คลิกโทรผ่านมือถือได้เลย
• สอบถามผ่านทาง LINE คลิก
• สอบถามผ่านทาง Facebook คลิก