JavaScript:
เริ่มต้นโครงการใหม่

วิธีการ:

ก่อนที่คุณจะเขียนโค้ด ตัดสินใจเลือกเครื่องมือและโครงสร้าง ในตัวอย่างนี้ เราจะใช้ Node.js และ npm (Node Package Manager)

1. ติดตั้ง Node.js จากเว็บไซต์อย่างเป็นทางการ
2. เปิดเทอร์มินัลและรัน:

npm init

ตอบคำถามการตั้งค่า ทีนี้ package.json ถูกสร้างขึ้น อธิบายโปรเจกต์ของคุณ ต่อไป มาเพิ่ม Express ซึ่งเป็นเว็บเฟรมเวิร์กยอดนิยม:

npm install express --save

ตอนนี้ เขียนเว็บเซิร์ฟเวอร์ง่ายๆ ใน index.js:

const express = require('express');
const app = express();

app.get('/', (req, res) => {
  res.send('Hello World!');
});

app.listen(3000, () => {
  console.log('Server is up on port 3000');
});

รันเซิร์ฟเวอร์ของคุณ:

node index.js

ผลลัพธ์ตัวอย่าง:

Server is up on port 3000

เปิดท่องไปที่ http://localhost:3000 ในเว็บบราวเซอร์ของคุณ คุณควรจะเห็น “Hello World!”.

ลงลึก

ในอดีต การตั้งค่าโปรเจกต์เป็นเรื่องที่ยุ่งยาก ต้องมีการกำหนดค่าด้วยตนเองมากมาย ในปัจจุบัน เครื่องมืออย่าง npm ช่วยลดภาระงานหนัก สำหรับโปรเจกต์ฝั่ง front-end พิจารณาใช้ create-react-app หรือ vue-cli สำหรับ Node.js Express เป็นตัวเลือกที่ดี สมดุลระหว่างประสิทธิภาพกับความเรียบง่าย มันเบาแต่มีคุณลักษณะที่แข็งแกร่งสำหรับความต้องการเว็บเซิร์ฟเวอร์ส่วนใหญ่

จำไว้ว่า การจัดโครงสร้างของโปรเจกต์เป็นสิ่งสำคัญ แอปพลิเคชัน Node.js แบบดั้งเดิมมีจุดเริ่มต้น (เช่น index.js), ไฟล์ package.json สำหรับจัดการการพึ่งพา และโครงสร้างโฟลเดอร์ที่แยกความกังวล (โมดูล, ยูทิลิตี้, เส้นทาง ฯลฯ)

ทางเลือกอื่น ๆ สำหรับการจัดการแพ็คเกจ ได้แก่ Yarn ซึ่งเสนอการปรับปรุงความเร็วและความสอดคล้อง สำหรับการสร้างโครงร่างโปรเจกต์ Yeoman ช่วยเหลือโดยการให้เครื่องมือสร้างสำหรับหลายประเภทของโปรเจกต์และเทคโนโลยี

ดูเพิ่มเติม

• เอกสาร Node.js docs
• เว็บไซต์อย่างเป็นทางการของ Express official site
• create-react-app GitHub repo
• เอกสาร Vue CLI docs
• เว็บไซต์อย่างเป็นทางการของ Yarn official site
• เว็บไซต์อย่างเป็นทางการของ Yeoman official site