TypeScript 01 – Làm quen với TypeScript

0
424

1.TypeScript là gì ?

typescript

  • TypeScript là một ngôn ngữ mã nguồn mở miễn phí hiện đang được phát triển và bảo trì bởi Microsoft.
  • TypeScript là một phiên bản lớn hơn của JavaScript,với các bổ sung các tuỳ chọn kiểu tĩnh và lớp trên cơ sở lập trình hướng đối tượng.
  • TypeScript có thể sử dụng để phát triển các ứng dụng chạy ở client-side (Angular2) và server-side (NodeJS).
  • Bản chất của TypeScript là biên dịch tao ra các đoạn mã JavaScript.

2.Ưu điểm của TypeScript

  • Là một mã nguồn mở.
  • TypeScript có thể coi là cha của JavaScript,nó hỗ trợ các tính năng của phiên bản JavaScript mới nhất.TypeScript có cú pháp trộn lẫn với JavaScript,giúp các lập trình viên tiếp cận dễ dàng.
  • Hiện nay các Javascript Framework đã dần khuyến khích nên sử dụng TypeScript để phát triển, ví dụ như AngularJS 2.0 và Ionic 2.0.
  • Dễ phát triển dự án lớn.

3.Cài đặt TypeScript

  • Cách 1 : TypeScript được phát triển bởi Microsoft nên họ đã tích hợp plug-ins vào bộ Visual Studio 2015, vì vậy bạn có thể sử dụng phần mềm này để code.
  • Cách 2 : Đầu tiên các bạn cần cài đặt NodeJs npm,các bạn có thể đọc bài hướng dẫn chi tiết cách cài tại đây.Sau đó các bạn mở cửa sổ command prompt lên và gõ lệnh sau :

Nếu kết quả in ra version của npm thì bạn đã cài NodeJs npm thành công.Ví dụ của tôi là phiên bản 2.15.9.Cuối cùng chúng ta sẽ cài đặt TypeScript.Trong cửa sổ command prompt bạn nhập đoạn code sau và chờ cài đặt là ok :

Lưu ý: Nếu bạn sử dụng một editor có hỗ trợ biên dịch TypeScript thì không cần thực hiện bước này

4.Biên dịch TypeScript 

  • Phần đuôi của TypeScript có dạng .ts,vì vậy khi ta tạo mới 1 file TypeScript phải lưu dưới dạng ten_file.ts.Có khá nhiều phần mềm hỗ trợ code TypeScript,các bạn có thể dùng Sublime Text giống tôi.Để có thể code TypeScript trên Sublime Text thì các bạn phải cài plugin TypeScript.
  • Biên dịch TypeScript sang JavaScript : đầu tiên bạn phải cd đến thư mục chứa file ts,sau đó để biên dịch TypeScript sang JavaScript bạn gõ lệnh :

    Sau khi biên dịch bạn sẽ có thêm 1 file ten_file.js nằm cùng cấp file .ts,được biên dịch sang JavaScript.
  • Ví dụ: Bạn tạo 1 file vietpro.ts ở desktop :

Bạn vào command prompt cd đến desktop :

Cuối cùng gõ lệnh biên dịch file vietpro.ts :

Ta nhận được 1 file vietpro.js có dạng :

Vậy là ta đã biên dịch thành công.Sau này khi sử dụng ta sẽ sử dụng file vietpro.js.

Tham khảo bộ video học typescript tại đây.

Tác giả : Hà Trung Vietpro

[Total: 6    Average: 4.5/5]

LEAVE A REPLY

Please enter your comment!
Please enter your name here