TypeScript Bắt đầu
Trình biên dịch TypeScript
TypeScript được dịch sang JavaScript bằng trình biên dịch.
TypeScript được chuyển đổi thành JavaScript có nghĩa là nó chạy ở mọi nơi có JavaScript chạy!
Cài đặt trình biên dịch
TypeScript có trình biên dịch chính thức có thể được cài đặt thông qua npm.
Tìm hiểu thêm về npm và cách bắt đầu tại đây: npm là gì?
Trong dự án npm của bạn, hãy chạy lệnh sau để cài đặt trình biên dịch:
npm install typescript --save-dev
Cái nào sẽ cung cấp cho bạn một đầu ra tương tự như:
added 1 package, and audited 2 packages in 2s
found 0 vulnerabilities
Trình biên dịch được cài đặt trong thư mục node_modules
và có thể chạy với: npx tsc
.
npx tsc
Cái nào sẽ cung cấp cho bạn một đầu ra tương tự như:
Version 4.5.5
tsc: The TypeScript Compiler - Version 4.5.5
Tiếp theo là danh sách tất cả các Lệnh chung.
Được chứng nhận!
$45 ĐĂNG KÝ
Cấu hình trình biên dịch
Theo mặc định, trình biên dịch TypeScript sẽ in thông báo trợ giúp khi chạy trong một dự án trống.
Trình biên dịch có thể được cấu hình bằng tệp tsconfig.json
.
Bạn có thể yêu cầu TypeScript tạo tsconfig.json
với các cài đặt được đề xuất với:
npx tsc --init
Cái nào sẽ cung cấp cho bạn một đầu ra tương tự như:
Created a new tsconfig.json with:
TS
target: es2016
module: commonjs
strict: true
esModuleInterop: true
skipLibCheck: true
forceConsistentCasingInFileNames: true
You can learn more at https://aka.ms/tsconfig.json
Dưới đây là ví dụ về những thứ khác bạn có thể thêm vào tệp tsconfig.json
:
{
"include": ["src"],
"compilerOptions": {
"outDir": "./build"
}
}
Bạn có thể mở tệp trong trình chỉnh sửa để thêm các tùy chọn đó. Điều này sẽ cấu hình trình biên dịch TypeScript để dịch mã các tệp TypeScript nằm trong thư mục src/
của dự án của bạn thành các tệp JavaScript trong thư mục build/
.
Đây là một cách để nhanh chóng bắt đầu với TypeScript. Có nhiều tùy chọn khác có sẵn như mẫu ứng dụng tạo phản ứng , dự án khởi động nút và plugin webpack .