Ví dụ chương trình TypeScript đầu tiên Hello World

Bắt đầu với TypeScript rất đơn giản và dễ hiểu. Một trong những cách tốt nhất để bắt đầu là viết một chương trình "Hello World". Ví dụ kinh điển này giúp bạn hiểu những điều cơ bản về cú pháp TypeScript và quy trình biên dịch. Trong hướng dẫn này, chúng tôi sẽ hướng dẫn bạn tạo và chạy chương trình TypeScript đầu tiên của mình.

Điều kiện tiên quyết

Trước khi bắt đầu, hãy đảm bảo rằng bạn đã cài đặt TypeScript trên hệ thống của mình. Bạn cũng cần Node.js và npm (Node Package Manager) để biên dịch và chạy mã TypeScript của mình. Nếu bạn chưa cài đặt TypeScript, hãy làm theo hướng dẫn cài đặt để thiết lập.

Tạo tệp TypeScript của bạn

Đầu tiên, hãy tạo một thư mục mới cho dự án của bạn và điều hướng đến thư mục đó bằng terminal:

mkdir hello-world-ts
cd hello-world-ts

Tiếp theo, tạo một tệp TypeScript mới có tên hello.ts:

echo "console.log('Hello, TypeScript!');" > hello.ts

Viết chương trình Hello World

Trong tệp hello.ts của bạn, hãy viết đoạn mã sau:

console.log('Hello, TypeScript!');

Chương trình đơn giản này ghi lại thông báo "Xin chào, TypeScript!" vào bảng điều khiển.

Biên dịch TypeScript sang JavaScript

TypeScript cần được biên dịch thành JavaScript trước khi có thể thực thi. Sử dụng trình biên dịch TypeScript (tsc) để biên dịch tệp TypeScript của bạn:

npx tsc hello.ts

Lệnh này tạo ra một tệp JavaScript có tên hello.js trong cùng thư mục. Bạn có thể xác minh biên dịch bằng cách kiểm tra nội dung của tệp JavaScript đã tạo:

cat hello.js

Kết quả đầu ra sẽ trông như thế này:

console.log('Hello, TypeScript!');

Chạy tệp JavaScript

Để xem đầu ra của chương trình, hãy chạy tệp JavaScript đã biên dịch bằng Node.js:

node hello.js

Bạn sẽ thấy thông báo sau được in ra bảng điều khiển:

Hello, TypeScript!

Phần kết luận

Xin chúc mừng! Bạn vừa tạo và chạy chương trình TypeScript đầu tiên của mình. Ví dụ cơ bản này trình bày cách viết mã TypeScript, biên dịch thành JavaScript và chạy mã. Khi bạn tiếp tục học TypeScript, bạn sẽ khám phá thêm các tính năng và khả năng nâng cao giúp TypeScript trở thành công cụ mạnh mẽ cho phát triển web hiện đại.