Sách
JavaScript
Chương 1. Bắt đầu
Bắt đầu một dự án mới

JavaScript:
Bắt đầu một dự án mới

Cách thực hiện:

Trước khi viết mã, hãy quyết định về công cụ và cấu trúc. Chúng ta sử dụng Node.js và npm (Node Package Manager) cho ví dụ này.

  1. Cài đặt Node.js từ trang web chính thức.
  2. Mở terminal và chạy:
npm init

Trả lời các câu hỏi thiết lập. Bùm—package.json được tạo, mô tả dự án của bạn. Tiếp theo, hãy thêm Express, một framework web phổ biến:

npm install express --save

Bây giờ, viết một máy chủ web đơn giản trong 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');
});

Chạy máy chủ của bạn:

node index.js

Đầu ra mẫu:

Server is up on port 3000

Điều hướng đến http://localhost:3000 trên trình duyệt web của bạn. Bạn nên thấy “Hello World!”.

Sâu hơn

Trước kia, việc thiết lập dự án là một cơn đau đầu, với rất nhiều cấu hình thủ công. Ngày nay, các công cụ như npm đã làm phần nặng nhọc. Đối với các dự án front-end, hãy cân nhắc create-react-app hoặc vue-cli. Đối với Node.js, Express là một lựa chọn vững chắc, cân bằng giữa công suất và đơn giản. Nó nhẹ nhưng có các tính năng mạnh mẽ cho hầu hết nhu cầu máy chủ web.

Nhớ rằng, cách bạn tổ chức dự án của mình rất quan trọng. Các ứng dụng Node.js truyền thống có một điểm nhập (như index.js), một tệp package.json để quản lý các phụ thuộc, và cấu trúc thư mục phân chia các mối quan tâm (mô-đun, tiện ích, tuyến đường, v.v.).

Các lựa chọn thay thế cho npm để quản lý gói bao gồm Yarn, mang lại các cải tiến về tốc độ và nhất quán. Đối với việc khung scaffolding dự án, Yeoman giúp đỡ bằng cách cung cấp các bộ sinh cho nhiều loại dự án và công nghệ.

Xem thêm