Code hiển thị 'Hello World' trong node.js
- Đầu tiên hãy tạo một thư mục để lưu code, ví dụ thư mục là: helloworld
- Chạy Visual Studio Code và mở thư mục đó .
- Tạo một tệp TypeScript gọi là app.ts với phần mở rộng (đuôi) của file là .ts
- Thêm code bên dưới vào tệp app.ts
let message: string = 'Hello, World!';
console.log(message);
Mở Terminal trong Visual Studio Code bằng shortcut hoặc theo menu Terminal > New Terminal
Gõ lệnh bên dưới để biên dịch tệp app.ts:
tsc app.ts
Nếu bạn làm đúng, bạn sẽ thấy một file gọi là app.js được sinh ra bởi TypeScript Compiler (node.js module)
Chạy tệp app.js
BONUS Code TypeScript hiển thị 'Hello World' trong Web Browsers
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TypeScript: Hello, World!</title>
</head>
<body>
<script src="app.js"></script>
</body>
</html>
let message: string = 'Hello, World!';
// create a new heading 1 element
let heading = document.createElement('h1');
heading.textContent = message;
// add the heading the document
document.body.appendChild(heading);
Và đây là kết quả
Để thực hiện các thay đổi, bạn cần chỉnh sửa tệp app.ts.
Ví dụ:
let message: string = 'Hello, TypeScript!';
let heading = document.createElement('h1');
heading.textContent = message;
document.body.appendChild(heading);
Và biên dịch tệp app.ts:
tsc app.ts
Đầu ra khi chạy trên LiveServer
Hello, TypeScript!
TypeScript Compiler sẽ sinh ra một file mới là app.js và Live Server sẽ tự động nạp tệp đó trên trình duyệt web.
Chú ý: Tệp app.js là file đầu ra của file app.ts. Do đó, bạn không bao giờ được trực tiếp thay đổi code trong tệp này, nếu không bạn sẽ mất các thay đổi sau khi biên dịch lại tệp app.ts.
0 Nhận xét