Cách thiết lập dự án TypeScript + Node.js

Hướng dẫn rất ngắn này sẽ hướng dẫn bạn cách thiết lập TypeScript với các dự án Node.js mới (hoặc hiện có!).

điều kiện tiên quyết:

• Bạn nên làm quen với Node và JavaScript
• Bạn nên cài đặt trình chỉnh sửa mã (tốt nhất là VSCode)
• Hướng dẫn này giả định rằng bạn đang sử dụng Linux, MacOS hoặc một hệ điều hành giống UNIX khác.
• Hướng dẫn này cũng giả định rằng bạn đang sử dụng npm làm trình quản lý gói của mình (thay vào đó, vui lòng sử dụng yarn, pnpm hoặc trình quản lý gói ưa thích của bạn)

• Điều này sẽ chỉ cho bạn cách bắt đầu rất nhanh với TypeScript
• Hướng dẫn này cũng sẽ chỉ cho bạn cách sử dụng các gói phổ biến như gật đầu để hỗ trợ tải lại nóng các ứng dụng của bạn

• TypeScript là một siêu bộ JavaScript cung cấp cho chúng ta kiểu gõ tĩnh tùy chọn. Nó được xây dựng bởi Microsoft và được cho là thứ tốt duy nhất mà họ đã phát hành trong VS Code (đùa thôi )
• Nó phục vụ như tài liệu và giảm chi phí giới thiệu và do đó cải thiện trải nghiệm của nhà phát triển
• Cho phép chúng tôi xác định lỗi/sự cố một cách nhanh chóng, do đó tăng chất lượng phần mềm tổng thể
• Đọc sổ tay TypeScript để biết thêm chi tiết

1. Tạo một thư mục và đi vào thư mục mới tạo của bạn

mkdir typescript-example
cd typescript-example

npm init -y

npm install typescript --save-dev

npm install @types/node --save-dev

5. Tạo tsconfig.json của bạn

npx tsc --init

6. Biên dịch mã của bạn bằng lệnh tsc sử dụng trình thực thi gói Node (npx) .

npx tsc

Cải thiện trải nghiệm nhà phát triển địa phương của bạn

1. Tải lại nóng — điều này sẽ cải thiện đáng kể nhà phát triển cũ của bạn, vì nó sẽ cho phép ứng dụng của bạn tải lại nóng khi có các thay đổi trực tiếp. Chúng tôi có thể thiết lập điều này thông qua Nodemon trong các ứng dụng Node.js của mình.

npm install --save-dev ts-node nodemon

Những điều trên là đủ để nhanh chóng thiết lập dự án TypeScript + Node cục bộ. Bạn có thể tăng cường điều này hơn nữa bằng cách:

• Sử dụng kẻ nói dối: sử dụng thứ gì đó như ESLint . Đây là một công cụ phân tích mã tĩnh cho phép chúng tôi đặt tiêu chuẩn cho mã của mình. Chúng tôi có thể sử dụng điều này để thực thi các tiêu chuẩn và mẫu mã hóa cho cơ sở mã của chúng tôi.
• Giới thiệu các công cụ xóa sâu: Rimraf để xóa các tệp không mong muốn trước khi đưa vào sản xuất
• Thêm gói mô-đun tĩnh: sử dụng webpack (hoặc turbopack). Điều này có thể sẽ là quá mức cần thiết đối với một dự án nhỏ — nhưng khi ứng dụng của bạn mở rộng quy mô, bạn sẽ cần cơ chế để quản lý tất cả JS/TS của mình .
• Tự động hóa — làm cách nào bạn có thể tự động hóa những điều trên cho doanh nghiệp của mình?