Hướng dẫn từng bước cài đặt TypeScript

TypeScript là ngôn ngữ lập trình phổ biến được xây dựng trên JavaScript bằng cách thêm các kiểu tĩnh. Cài đặt TypeScript là một quá trình đơn giản và hướng dẫn này sẽ hướng dẫn bạn từng bước để thiết lập TypeScript trên máy của bạn.

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

Trước khi cài đặt TypeScript, hãy đảm bảo bạn đã cài đặt Node.js và npm (Node Package Manager). Node.js cung cấp môi trường chạy để thực thi JavaScript và TypeScript, trong khi npm được sử dụng để quản lý các gói và phụ thuộc.

• Tải xuống và cài đặt Node.js bao gồm npm.
• Xác minh cài đặt bằng cách chạy các lệnh sau trong terminal của bạn:

node -v
npm -v

Nếu các lệnh này trả về số phiên bản thì bạn đã sẵn sàng cài đặt TypeScript.

Cài đặt TypeScript

TypeScript có thể được cài đặt toàn cục trên hệ thống của bạn hoặc cục bộ trong một dự án cụ thể. Chúng tôi sẽ đề cập đến cả hai phương pháp:

Cài đặt toàn cầu

Cài đặt TypeScript toàn cầu cho phép bạn sử dụng trình biên dịch TypeScript (`tsc`) từ bất kỳ đâu trên hệ thống của bạn.

1. Mở terminal hoặc dấu nhắc lệnh.
2. Chạy lệnh sau để cài đặt TypeScript trên toàn cầu:

npm install -g typescript

Lệnh này sẽ tải xuống và cài đặt gói TypeScript trên toàn cầu. Bạn có thể xác minh cài đặt bằng cách kiểm tra phiên bản TypeScript:

tsc -v

Cài đặt cục bộ

Nên cài đặt TypeScript cục bộ cho các thiết lập cụ thể của dự án. Theo cách này, các dự án khác nhau có thể sử dụng các phiên bản TypeScript khác nhau.

1. Điều hướng đến thư mục dự án của bạn bằng terminal:

cd path/to/your/project

2. Chạy lệnh sau để cài đặt TypeScript cục bộ:

npm install typescript --save-dev

Sau khi cài đặt, bạn có thể sử dụng TypeScript bằng cách thêm nó vào tập lệnh của dự án hoặc trực tiếp sử dụng lệnh `npx` để chạy trình biên dịch TypeScript.

npx tsc -v

Cấu hình TypeScript

TypeScript yêu cầu tệp cấu hình (`tsconfig.json`) để chỉ định các tùy chọn biên dịch và cài đặt dự án. Bạn có thể tạo tệp này theo cách thủ công hoặc tạo tệp này bằng TypeScript CLI.

1. Để tạo tệp `tsconfig.json` mặc định, hãy chạy:

npx tsc --init

Lệnh này tạo tệp `tsconfig.json` trong thư mục dự án của bạn với các thiết lập mặc định. Bạn có thể sửa đổi tệp này để tùy chỉnh các tùy chọn trình biên dịch theo nhu cầu của dự án.

Xác minh cài đặt

Để đảm bảo TypeScript được cài đặt đúng cách, hãy tạo một tệp TypeScript đơn giản và biên dịch nó:

1. Tạo một tệp TypeScript mới có tên `hello.ts` với nội dung sau:

let message: string = "Hello, TypeScript!";
console.log(message);

2. Biên dịch tệp TypeScript thành JavaScript bằng trình biên dịch TypeScript:

npx tsc hello.ts

Điều này sẽ tạo ra một tệp `hello.js` trong cùng thư mục. Chạy tệp JavaScript đã biên dịch bằng Node.js:

node hello.js

Bạn sẽ thấy dòng chữ "Hello, TypeScript!" được in trên bảng điều khiển.

Phần kết luận

Cài đặt TypeScript là một quá trình đơn giản bao gồm thiết lập Node.js, cài đặt TypeScript toàn cục hoặc cục bộ và cấu hình dự án của bạn. Bằng cách làm theo các bước này, bạn sẽ có TypeScript hoạt động, sẵn sàng nâng cao trải nghiệm phát triển của mình với kiểu tĩnh và các tính năng nâng cao.