Hiệu suất bản thảo so với python

TypeScript là một siêu tập hợp JavaScript đã nhập để biên dịch thành JavaScript thuần túy. Nó cung cấp các lớp, mô-đun và giao diện để giúp bạn xây dựng các thành phần mạnh mẽ

Cài đặt trình biên dịch TypeScript

Visual Studio Code bao gồm hỗ trợ ngôn ngữ TypeScript nhưng không bao gồm trình biên dịch TypeScript,

mkdir HelloWorld
cd HelloWorld
code .

7. Bạn sẽ cần cài đặt trình biên dịch TypeScript trên toàn cầu hoặc trong không gian làm việc của mình để chuyển mã nguồn TypeScript sang JavaScript [

mkdir HelloWorld
cd HelloWorld
code .

8]

Cách dễ nhất để cài đặt TypeScript là thông qua npm, Node. js Trình quản lý gói. Nếu bạn đã cài đặt npm, bạn có thể cài đặt TypeScript trên toàn cầu [

mkdir HelloWorld
cd HelloWorld
code .

9] trên máy tính của mình bằng cách

npm install -g typescript

Bạn có thể kiểm tra cài đặt của mình bằng cách kiểm tra phiên bản

tsc --version

Một tùy chọn khác là cài đặt cục bộ trình biên dịch TypeScript trong dự án của bạn [

tsc --version

0] và có lợi ích là tránh các tương tác có thể xảy ra với các dự án TypeScript khác mà bạn có thể có

Chào thế giới

Hãy bắt đầu với một Hello World Node đơn giản. ví dụ js. Tạo một thư mục mới

tsc --version

1 và khởi chạy Mã VS

mkdir HelloWorld
cd HelloWorld
code .

Từ File Explorer, tạo một tệp mới có tên là

tsc --version

0

Bây giờ hãy thêm mã TypeScript sau. Bạn sẽ nhận thấy từ khóa TypeScript

tsc --version

1 và khai báo kiểu

tsc --version

2

let message: string = 'Hello World';
console.log[message];

Để biên dịch mã TypeScript, bạn có thể mở Terminal tích hợp [ ⌃` [Windows, Linux Ctrl+`]] and type

tsc --version

3. This will compile and create a new

tsc --version

4 JavaScript file.

Nếu bạn có nút. js được cài đặt, bạn có thể chạy

tsc --version

5

Nếu bạn mở

tsc --version

4, bạn sẽ thấy nó trông không khác mấy so với

tsc --version

0. Thông tin loại đã bị xóa và

tsc --version

1 hiện là

tsc --version

9

tsc --version

4

IntelliSense

IntelliSense hiển thị cho bạn hoàn thành mã thông minh, thông tin di chuột và trợ giúp chữ ký để bạn có thể viết mã nhanh hơn và chính xác hơn

Mã VS cung cấp IntelliSense cho các tệp TypeScript riêng lẻ cũng như các dự án TypeScript

mkdir HelloWorld
cd HelloWorld
code .

0

thông tin di chuột

Di chuột qua biểu tượng TypeScript để xem nhanh thông tin về loại và tài liệu liên quan

Bạn cũng có thể hiển thị thông tin di chuột ở vị trí con trỏ hiện tại bằng ⌘K ⌘I [Windows, Linux Ctrl+K Ctrl+I] keyboard shortcut.

Chữ ký trợ giúp

Khi bạn viết lệnh gọi hàm TypeScript, Mã VS hiển thị thông tin về chữ ký hàm và làm nổi bật tham số mà bạn hiện đang hoàn thành

Trợ giúp về chữ ký được hiển thị tự động khi bạn nhập

mkdir HelloWorld
cd HelloWorld
code .

1 hoặc

mkdir HelloWorld
cd HelloWorld
code .

2 trong lệnh gọi hàm. Sử dụng ⇧⌘Dấu cách [Windows, Linux Ctrl+Shift+Dấu cách ] . to manually trigger signature help.

Đoạn trích

Ngoài việc hoàn thành mã thông minh, Mã VS cũng bao gồm các đoạn TypeScript cơ bản được đề xuất khi bạn nhập

Bạn có thể cài đặt tiện ích mở rộng để nhận thêm đoạn mã hoặc xác định đoạn mã của riêng mình cho TypeScript. Xem Đoạn mã do người dùng xác định để biết thêm thông tin

Mẹo. Bạn có thể tắt đoạn trích bằng cách đặt

mkdir HelloWorld
cd HelloWorld
code .

3 thành

mkdir HelloWorld
cd HelloWorld
code .

4 trong tệp cài đặt của mình. Nếu muốn xem các đoạn trích, bạn có thể chỉ định thứ tự liên quan đến các đề xuất; . Mặc định là

mkdir HelloWorld
cd HelloWorld
code .

7

Lỗi và cảnh báo

Dịch vụ ngôn ngữ TypeScript sẽ phân tích chương trình của bạn để tìm các vấn đề về mã hóa và báo cáo các lỗi và cảnh báo

• Trong thanh Trạng thái, có một bản tóm tắt về tất cả các lỗi và số lượng cảnh báo
• Bạn có thể nhấp vào phần tóm tắt hoặc nhấn ⇧⌘M [Windows, Linux Ctrl+Shift . ] to display the PROBLEMS panel with a list of all current errors.
• Nếu bạn mở một tệp có lỗi hoặc cảnh báo, chúng sẽ được hiển thị cùng dòng với văn bản và trong thước tổng quan

Để lặp lại các lỗi hoặc cảnh báo trong tệp hiện tại, bạn có thể nhấn F8 hoặc ⇧F8 . [Windows, Linux Shift+F8] which will show an inline zone detailing the problem and possible Code Actions [if available]:

điều hướng mã

Điều hướng mã cho phép bạn nhanh chóng điều hướng các dự án TypeScript

• Đi tới Định nghĩa F12 - Đi tới mã nguồn của định nghĩa ký hiệu.
• Định nghĩa Peek ⌥F12 [Windows Alt+F12 . Ctrl+Shift+F10] - Bring up a Peek window that shows the definition of a symbol.
• Chuyển đến Tài liệu tham khảo ⇧F12 [Windows, Linux Shift+F12] - Show all references to a symbol.
• Chuyển đến Định nghĩa loại - Chuyển đến loại xác định ký hiệu. Đối với một thể hiện của một lớp, điều này sẽ tiết lộ chính lớp đó thay vì nơi thể hiện được xác định
• Đi tới Thực hiện ⌘F12 [Windows, Linux Ctrl+F12] - Go to the implementations of an interface or abstract method.

Bạn có thể điều hướng thông qua tìm kiếm ký hiệu bằng cách sử dụng các lệnh Chuyển đến ký hiệu từ Bảng lệnh [ ⇧⌘P [Windows, Linux Ctrl+Shift+P]].

• Đi tới Biểu tượng trong tệp ⇧⌘O [Windows, Linux Ctrl+Shift+O