วิธีการติดตั้ง React บน Ubuntu 20.04

ในบทความนี้ เราจะอธิบายวิธีการติดตั้ง React บน Ubuntu 20.04

React เป็นโอเพ่นซอร์ส, ส่วนหน้า, ไลบรารี JavaScript สำหรับสร้างส่วนต่อประสานผู้ใช้หรือส่วนประกอบ UI มันถูกดูแลโดย Facebook และชุมชนของนักพัฒนาและบริษัทแต่ละราย

บทความนี้จะแนะนำคุณเกี่ยวกับขั้นตอนการติดตั้งและการปรับใช้ไซต์ React

ข้อกำหนดเบื้องต้น

• Ubuntu 20.04 ติดตั้งเซิร์ฟเวอร์เฉพาะหรือ KVM VPS
• ผู้ใช้รูทหรือผู้ใช้ปกติที่มีสิทธิ์ของผู้ดูแลระบบ sudo

ติดตั้ง React บน Ubuntu 20.04

ขั้นตอนที่ 1 - ปรับปรุงเซิร์ฟเวอร์ให้ทันสมัยอยู่เสมอ

# apt update -y && apt upgrade -y

ขั้นตอนที่ 2 - ติดตั้ง NodeJS และ NPM

ติดตั้ง NodeJS เวอร์ชันเสถียรล่าสุด

# curl -sL https://deb.nodesource.com/setup_15.x | sudo -E bash -

# apt-get install -y nodejs

ตรวจสอบว่าการติดตั้งสำเร็จ

# node -v && npm -v

เอาท์พุท:

v15.9.0
7.5.4

ขั้นตอนที่ 3 - ติดตั้งสร้างแอปตอบโต้

ในบทความนี้ เราจะใช้เครื่องมือ create-react-app เป็นเครื่องมือที่ง่ายที่สุดและดีที่สุดด้วยการกำหนดค่าเกรดการผลิตที่สร้างไว้ล่วงหน้า เป็นสภาพแวดล้อมที่สะดวกสบายสำหรับการเรียนรู้ React และเป็นวิธีที่ดีที่สุดในการเริ่มสร้างแอปพลิเคชันหน้าเดียวใหม่ใน React

# npm install -g create-react-app

ตรวจสอบการติดตั้ง:

# create-react-app --version

เอาท์พุท:

4.0.2

ขั้นตอนที่ 4 - ปรับใช้แอปพลิเคชัน React

สร้างแอปพลิเคชันตอบโต้โดยใช้คำสั่งต่อไปนี้:

# npx create-react-app my-app

เริ่มการพัฒนาเซิร์ฟเวอร์

เมื่อคุณติดตั้งแอปพลิเคชัน React แล้ว ให้ไปที่ไดเร็กทอรีรากของโครงการของคุณ และเริ่มเซิร์ฟเวอร์การพัฒนาโดยใช้คำสั่งต่อไปนี้:

# cd my-app

# npm start

คุณสามารถดูแอพของฉันในเบราว์เซอร์ได้แล้ว

Local: http://localhost:3000
On Your Network: http://192.168.0.102:3000

สร้าง

รวมแอพเป็นไฟล์สแตติกสำหรับการผลิต เรียกใช้คำสั่งต่อไปนี้:

# npm run build

แค่นั้นแหละ. การติดตั้งเสร็จสมบูรณ์แล้ว

ในบทความนี้ เราได้เห็นวิธีการติดตั้ง React บน Ubuntu 20.04 แล้ว