การติดตั้งเฟรมเวิร์ก React

สำหรับการติดตั้งเฟรมเวิร์ก คุณจะต้องมี NodeJS 22+ บนคอมพิวเตอร์ของคุณ ในการสร้างโปรเจกต์ ให้รันคำสั่งต่อไปนี้ ในบรรทัดคำสั่ง:

npm create vite@latest my-app -- --template react

จากนั้นให้รันคำสั่งต่อไปนี้:

cd my-app
npm install
npm run dev

หลังจากนั้น คุณจะมีโฟลเดอร์ my-app ซึ่งภายในประกอบด้วยเฟรมเวิร์ก หาโฟลเดอร์ src ในโฟลเดอร์นี้ - นี่จะเป็นโฟลเดอร์ ทำงานหลักของคุณ ซึ่งคุณจะใช้ในการพัฒนา โปรเจกต์ของคุณ

ในโฟลเดอร์ src ให้หาไฟล์ App.js ในบทเรียนข้างหน้า ไฟล์นี้จะเป็นไฟล์ทำงานหลัก ของคุณ ในไฟล์นี้คุณจะเขียนโค้ด และดูผลลัพธ์ในหน้าต่างเบราว์เซอร์

เปิดไฟล์นี้ในโปรแกรมแก้ไข และลบ ทุกสิ่งที่ไม่จำเป็นออก ให้เหลือเพียงรูปแบบดังนี้:

import React from 'react';

function App() {
	return <div>
		ข้อความ
	</div>;
}

export default App;

หลังจากที่โปรเจกต์ของคุณถูกติดตั้งแล้ว สำหรับการเปิดใช้งานครั้งต่อไป (เช่น หลังจากรีสตาร์ท คอมพิวเตอร์) คุณเพียงแค่ต้องไปที่ โฟลเดอร์ my-app ผ่านทางเทอร์มินัล และรัน คำสั่งต่อไปนี้:

npm run dev