ผลต่างระหว่างรุ่นของ "01204223/react-flask"
ไปยังการนำทาง
ไปยังการค้นหา
Jittat (คุย | มีส่วนร่วม) (สร้างหน้าด้วย ": ''หน้านี้เป็นส่วนหนึ่งของวิชา 01204223'' == การสร้างโครง React proje...") |
Jittat (คุย | มีส่วนร่วม) |
||
| แถว 1: | แถว 1: | ||
: ''หน้านี้เป็นส่วนหนึ่งของวิชา [[01204223]]'' | : ''หน้านี้เป็นส่วนหนึ่งของวิชา [[01204223]]'' | ||
| − | == การสร้างโครง React project == | + | == เริ่มต้นและการติดตังซอฟต์แวร์ต่าง ๆ == |
| + | |||
| + | === node.js และ npm === | ||
| + | |||
| + | เนื่องจาก react เป็น JavaScript framework เราจำเป็นต้องติดตั้งซอฟต์แวร์ที่เกี่ยวข้องเสียก่อน การใช้ JavaScript บนเครื่องเราเองนั้น เราต้องมีตัว runtime ที่ใช้ทำงานกับโปรแกรมภาษา JavaScript &nbps; ในทางฝั่ง server [https://nodejs.org/ Node.js] น่าจะเป็นระบบที่มีคนใช้มากที่สุด ที่มาพร้อมกับเครื่องมือประกอบต่าง ๆ มากมาย (มากมายจริง ๆ) | ||
| + | |||
| + | ในการจะใช้เครื่องมือบน node.js ได้นั้น เราจะต้องติดตั้งโปรแกรม [https://www.npmjs.com/ npm] (Node Package Manager) ด้วย ดังนั้น ในขั้นแรกเราจะติดตั้งทั้งสองอย่างไปด้วยกัน | ||
| + | |||
| + | '''การติดตั้งบน MacOS และ Ubuntu''': | ||
| + | |||
| + | '''การติดตั้งบน Windows''' | ||
| + | |||
| + | เมื่อติดตั้งแล้ว ให้ลองเรียกทั้งสองคำสั่งดูใน terminal | ||
| + | |||
| + | node -v | ||
| + | npm -v | ||
| + | |||
| + | ถ้ามีเลขเวอร์ชันขึ้นมาก็น่าจะเรียบร้อย | ||
| + | |||
| + | === การสร้างโครง React project === | ||
: อ่านเพิ่มเติมเกี่ยวกับการทำงานของ [[vite for react|vite]] | : อ่านเพิ่มเติมเกี่ยวกับการทำงานของ [[vite for react|vite]] | ||
รุ่นแก้ไขเมื่อ 04:45, 2 มกราคม 2569
- หน้านี้เป็นส่วนหนึ่งของวิชา 01204223
เริ่มต้นและการติดตังซอฟต์แวร์ต่าง ๆ
node.js และ npm
เนื่องจาก react เป็น JavaScript framework เราจำเป็นต้องติดตั้งซอฟต์แวร์ที่เกี่ยวข้องเสียก่อน การใช้ JavaScript บนเครื่องเราเองนั้น เราต้องมีตัว runtime ที่ใช้ทำงานกับโปรแกรมภาษา JavaScript &nbps; ในทางฝั่ง server Node.js น่าจะเป็นระบบที่มีคนใช้มากที่สุด ที่มาพร้อมกับเครื่องมือประกอบต่าง ๆ มากมาย (มากมายจริง ๆ)
ในการจะใช้เครื่องมือบน node.js ได้นั้น เราจะต้องติดตั้งโปรแกรม npm (Node Package Manager) ด้วย ดังนั้น ในขั้นแรกเราจะติดตั้งทั้งสองอย่างไปด้วยกัน
การติดตั้งบน MacOS และ Ubuntu:
การติดตั้งบน Windows
เมื่อติดตั้งแล้ว ให้ลองเรียกทั้งสองคำสั่งดูใน terminal
node -v npm -v
ถ้ามีเลขเวอร์ชันขึ้นมาก็น่าจะเรียบร้อย
การสร้างโครง React project
- อ่านเพิ่มเติมเกี่ยวกับการทำงานของ vite
