TypeScript - Thiết lập Môi trường
Dùng thử Tùy chọn trực tuyến
Chúng tôi đã thiết lập lập trình TypeScript trực tuyến, để bạn có thể thực hiện tất cả các ví dụ có sẵn trực tuyến cùng một lúc khi bạn đang thực hiện công việc lý thuyết của mình. Điều này giúp bạn tin tưởng vào những gì bạn đang đọc và kiểm tra kết quả bằng các tùy chọn khác nhau. Hãy sửa đổi bất kỳ ví dụ nào và thực hiện trực tuyến.
Hãy thử ví dụ sau bằng cách sử dụng tùy chọn trình biên dịch trực tuyến của chúng tôi có sẵn tại CodingGround
var message:string = "Hello World"
console.log(message)Khi biên dịch, nó sẽ tạo mã JavaScript sau.
//Generated by typescript 1.8.10
var message = "Hello World";
console.log(message);Đối với hầu hết các ví dụ được đưa ra trong hướng dẫn này, bạn sẽ tìm thấy Try ittrong phần mã trang web của chúng tôi ở góc trên cùng bên phải, sẽ đưa bạn đến trình biên dịch trực tuyến. Vì vậy, chỉ cần tận dụng nó và tận hưởng việc học của bạn.
Trong chương này, chúng ta sẽ thảo luận về cách cài đặt TypeScript trên nền tảng Windows. Chúng tôi cũng sẽ giải thích cách cài đặt Brackets IDE.
TypeScript ─ Dùng thử Tùy chọn Trực tuyến
Bạn có thể kiểm tra các tập lệnh của mình trực tuyến bằng cách sử dụng The TypeScript tại www.typescriptlang.org/Playground . Trình chỉnh sửa trực tuyến hiển thị JavaScript tương ứng do trình biên dịch phát ra.
Bạn có thể thử ví dụ sau bằng cách sử dụng Playground.
var num:number = 12
console.log(num)Khi biên dịch, nó sẽ tạo mã JavaScript sau.
//Generated by typescript 1.8.10
var num = 12;
console.log(num);Đầu ra của chương trình trên được đưa ra dưới đây:
12Thiết lập môi trường cục bộ
Typecript là một công nghệ Mã nguồn mở. Nó có thể chạy trên mọi trình duyệt, mọi máy chủ và mọi hệ điều hành. Bạn sẽ cần các công cụ sau để viết và kiểm tra chương trình Typecript -
Trình soạn thảo văn bản
Trình soạn thảo văn bản giúp bạn viết mã nguồn của mình. Ví dụ về một số trình chỉnh sửa bao gồm Windows Notepad, Notepad ++, Emacs, vim hoặc vi, v.v. Các trình chỉnh sửa được sử dụng có thể khác nhau tùy theo Hệ điều hành.
Các tệp nguồn thường được đặt tên với phần mở rộng .ts
Trình biên dịch TypeScript
Trình biên dịch TypeScript tự nó là một .tstệp được biên dịch thành tệp JavaScript (.js). TSC (TypeScript Compiler) là một trình biên dịch từ nguồn sang nguồn (trình biên dịch / chuyển tiếp).
TSC tạo ra một phiên bản JavaScript của .tstệp được chuyển đến nó. Nói cách khác, TSC tạo ra một mã nguồn JavaScript tương đương từ tệp Typecript được cung cấp làm đầu vào cho nó. Quá trình này được gọi là chuyển đổi.
Tuy nhiên, trình biên dịch từ chối bất kỳ tệp JavaScript thô nào được chuyển đến nó. Trình biên dịch chỉ giao dịch với.ts hoặc là .d.ts các tập tin.
Cài đặt Node.js
Node.js là một mã nguồn mở, môi trường thời gian chạy đa nền tảng cho JavaScript phía máy chủ. Node.js được yêu cầu để chạy JavaScript mà không cần trình duyệt hỗ trợ. Nó sử dụng công cụ JavaScript V8 của Google để thực thi mã. Bạn có thể tải xuống mã nguồn Node.js hoặc trình cài đặt được tạo sẵn cho nền tảng của mình. Nút có sẵn ở đây -https://nodejs.org/en/download
Cài đặt trên Windows
Làm theo các bước dưới đây để cài đặt Node.js trong môi trường Windows.
Step 1 - Tải xuống và chạy trình cài đặt .msi cho Node.
Step 2 - Để xác minh xem cài đặt có thành công hay không, hãy nhập lệnh node –v trong cửa sổ đầu cuối.
Step 3 - Gõ lệnh sau vào cửa sổ terminal để cài đặt TypeScript.
npm install -g typescript
Cài đặt trên Mac OS X
Để cài đặt node.js trên Mac OS X, bạn có thể tải xuống gói nhị phân được biên dịch trước để cài đặt dễ dàng và đẹp mắt. Đi quahttp://nodejs.org/ và nhấp vào nút cài đặt để tải xuống gói mới nhất.
Cài đặt gói từ .dmg bằng cách làm theo trình hướng dẫn cài đặt sẽ cài đặt cả nút và npm. npm là Node Package Manager, hỗ trợ cài đặt các gói bổ sung cho node.js.
Cài đặt trên Linux
Bạn cần cài đặt một số phụ thuộc trước khi có thể cài đặt Node.js và NPM.
Ruby và GCC. Bạn sẽ cần Ruby 1.8.6 trở lên và GCC 4.2 hoặc mới hơn.
Homebrew. Homebrew là một trình quản lý gói ban đầu được thiết kế cho Mac, nhưng nó đã được chuyển sang Linux dưới dạng Linuxbrew. Bạn có thể tìm hiểu thêm về Homebrew tạihttp://brew.sh/ và Linuxbrew tại http://brew.sh/linuxbrew
Sau khi các phần phụ thuộc này được cài đặt, bạn có thể cài đặt Node.js bằng cách sử dụng lệnh sau trên thiết bị đầu cuối:
brew install node.Hỗ trợ IDE
Typecript có thể được xây dựng trên rất nhiều môi trường phát triển như Visual Studio, Sublime Text 2, WebStorm / PHPStorm, Eclipse, Brackets, v.v. Visual Studio Code và Brackets IDE được thảo luận ở đây. Môi trường phát triển được sử dụng ở đây là Visual Studio Code (nền tảng Windows).
Mã Visual Studio
Đây là một IDE mã nguồn mở từ Visual Studio. Nó có sẵn cho các nền tảng Mac OS X, Linux và Windows. VScode có sẵn tại -https://code.visualstudio.com/
Cài đặt trên Windows
Step 1- Tải xuống Visual Studio Code cho Windows.
Step 2- Nhấp đúp vào VSCodeSetup.exe
Step 3 - Ảnh chụp màn hình IDE được đưa ra bên dưới.
Step 4- Bạn có thể truy cập trực tiếp vào đường dẫn của tệp bằng cách nhấp chuột phải vào tệp → mở trong dấu nhắc lệnh. Tương tự, tùy chọn Reveal in Explorer hiển thị tệp trong File Explorer.
Cài đặt trên Mac OS X
Hướng dẫn cài đặt cụ thể cho Mac OS X của Visual Studio Code có tại
https://code.visualstudio.com/Docs/editor/setup
Cài đặt trên Linux
Hướng dẫn cài đặt cụ thể Linux cho Visual Studio Code có thể được tìm thấy tại
https://code.visualstudio.com/Docs/editor/setup
Dấu ngoặc
Brackets là một trình soạn thảo mã nguồn mở miễn phí để phát triển web, được tạo bởi Adobe Systems. Nó có sẵn cho Linux, Windows và Mac OS X. Giá đỡ có sẵn tạihttp://brackets.io/
Phần mở rộng TypeScript cho Dấu ngoặc
Brackets hỗ trợ tiện ích mở rộng để thêm chức năng bổ sung thông qua Trình quản lý tiện ích mở rộng. Các bước sau giải thích việc cài đặt phần mở rộng TypeScript bằng cách sử dụng tương tự.
Đăng cài đặt, nhấp vào biểu tượng trình quản lý tiện ích mở rộng
ở bên tay phải của trình chỉnh sửa. Nhập bảng chữ vào hộp tìm kiếm.
Cài đặt các plugin Brackets TSLint và Brackets TypeScript.
Bạn có thể chạy lời nhắc / trình bao DOS trong chính Dấu ngoặc bằng cách thêm một phần mở rộng nữa Khung vỏ.
Sau khi cài đặt, bạn sẽ tìm thấy một biểu tượng của trình bao ở phía bên phải của trình chỉnh sửa
Note- Typecript cũng có sẵn dưới dạng plugin cho môi trường Visual Studio 2012 và 2013 (https://www.typescriptlang.org/#Download).VS 2015 trở lên bao gồm plugin Typescript theo mặc định.
Bây giờ, bạn đã sẵn sàng !!!