[Daily log] Typescript: Hành trình đến Angular 2_Day1
TIL
491
White

lotus viết ngày 25/04/2017

Typescript: anh là ai?

Được phát triển bởi Microsoft nên syntax có nét giống C#. Mục đích là giúp lập trình viên có thể viết javascript theo phong cách OOP :smile:

Cài đặt và chạy thử

Kiểm tra Nodejs

node -v

Tải Nodejs

Cài Typescript qua NPM.

npm install typescript -g

Tạo Project và tạo file config

tsc --init

Kết quả:

{
    "compilerOptions": {
        "module": "commonjs",
        "target": "es5",
        "noImplicitAny": false,
        "sourceMap": true,
        "outDir":"dist/" //Chỗ chứa files .js sinh ra - Tự thêm
    }
}

Tạo file .ts và file index.html

test.ts

console.log("hello typescript");

index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <script type="text/javascript" src='dist/test.js'></script>
</body>
</html>

Bật terminal và chạy:

tsc
open index.html

Uầy, vậy là xong! :smile:
lotus 25-04-2017

Bình luận


White
{{ comment.user.name }}
Bỏ hay Hay
{{comment.like_count}}
Male avatar
{{ comment_error }}
Hủy
   

Hiển thị thử

Chỉnh sửa

White

lotus

7 bài viết.
2 người follow
Kipalog
{{userFollowed ? 'Following' : 'Follow'}}
Cùng một tác giả
White
9 0
Emmet là gì? Emmet là một plugin cho các code editor phổ biến như Sublime text, atom, bracket,… Emmet giúp việc code html và css nhanh hơn và đ...
lotus viết 10 tháng trước
9 0
White
5 2
Toán tử 3 ngôi Longhand const x = 20; let big; if (x 10) { big = true; } else { big = false; } Shorthand
lotus viết 8 tháng trước
5 2
White
2 1
Tôi bắt đầu tự hỏi, rằng có tồn tại không, một kỹ năng giúp ta đối mặt với mọi thứ trong cuộc sống. Nếu có thì nó là gì và làm sao để phát triển?...
lotus viết 10 tháng trước
2 1
Bài viết liên quan
White
18 1
Toán tử XOR có tính chất: + A XOR A = 0 + 0 XOR A = A Với tính chất này, có thể cài đặt bài toán sau với độ phức tạp O(N) về runtime, và với O(1)...
kiennt viết hơn 1 năm trước
18 1
White
1 1
Chào mọi người, hôm nay mình viết một bài TIL nhỏ về cách lấy độ phân giải của màn hình hiện tại đang sử dụng. xdpyinfo | grep dimensions Kết quả...
namtx viết 7 tháng trước
1 1
White
8 0
Lấy fake path của file trong html input Ngữ cảnh: em cần làm một cái nút tải ảnh lên có preview. GIải pháp đầu: Dùng (Link) đọc file ảnh thành ba...
Hoàng Duy viết gần 2 năm trước
8 0
{{like_count}}

kipalog

{{ comment_count }}

bình luận

{{liked ? "Đã kipalog" : "Kipalog"}}


White
{{userFollowed ? 'Following' : 'Follow'}}
7 bài viết.
2 người follow

 Đầu mục bài viết

Vẫn còn nữa! x

Kipalog vẫn còn rất nhiều bài viết hay và chủ đề thú vị chờ bạn khám phá!