Biên dịch tự động trên lưu các bản sao trong Visual Studio mã

Trong bài này, chúng tôi sẽ giải quyết hai vấn đề: 1) chỉ huy “TSC” không được công nhận trong thiết bị đầu cuối mã tích hợp VS, và 2) biên dịch không hoạt động tự động khi lưu tập tin “.TS” (Loại hình kịch bản).

Giới thiệu

Chỉ cần để contextualize, o TypeScript, mới nào cho phép bạn viết mã bằng cách sử dụng một cấu trúc mạnh mẽ gõ và có mã này biên dịch cho tinh khiết JavaScript. Đã là Visual Studio mã là trình soạn thảo mã chéo nền tảng được tạo bởi Microsoft.

// Các phiên bản được sử dụng trong bài viết này:
- Visual Studio-giường (Vs) Mã, năm mới: Phiên bản 1.14.1
- Typescript, mới nào: Phiên bản 2.4.1

Đó là một mẹo dễ dàng, nhưng bạn có thể có vấn đề nếu bạn không biết những gì bạn đang làm: trường hợp của tôi :(D)

Node. js và TypeScript cài đặt

Một trong những cách cài đặt TypeScript là thông qua trình quản lý gói node. js (Npm – Quản lý gói nút), nhưng để sử dụng nó, trước tiên bạn cần cài đặt các Node. js.

Sau khi cài đặt Node, mở thiết bị đầu cuối (chỉ huy) và chạy lệnh sau để cài đặt TypeScript:

npm cài đặt -typescript g

Vẫn còn bởi các thiết bị đầu cuối Windows (hoặc Linux), thực hiện kiểm tra hoạt động TypeScript bằng cách kiểm tra phiên bản đã cài đặt. Lệnh “TSC” là viết tắt của TypeScript Compiler.

TSC -V

Vấn đề

Vấn đề là lệnh “TSC” làm việc bình thường trên thiết bị đầu cuối Windows, nhưng không phải trong thiết bị đầu cuối tích hợp mà đến trong Visual Studio mã chính nó (VS mã), Hiển thị các lỗi sau:

TSC không được công nhận như một lệnh nội bộ hoặc bên ngoài,chương trình có thể hoạt động hoặc hàng loạt tập tin.

Ngoài ra, Tôi không muốn chạy lệnh “TSC” cho mỗi lần bạn muốn biên dịch một tập tin “.TS” (mở rộng để TypeScript). Vì vậy, làm thế nào để luôn làm biên dịch tự động khi lưu (CTRL + S)? Đó là những gì chúng ta sẽ thấy trước.

Các lỗi khác

Cố gắng giải quyết những vấn đề này, tìm thấy bài viết nói để sử dụng Compileonlưu, nhưng điều này chỉ được hỗ trợ bởi Visual Studio 2015 với TypeScript > = 1.8.4 và Atom-typescript plugin. TRÌNH DUYỆT IE, không sử dụng Compileonlưu In “tsconfig. JSON” Visual Studio mã, Mã dưới đây sẽ không hoạt động:

{
   "compileOnSave": sự thật,
   "compilerOptions": {
       "noImplicitAny" : sự thật
   }
}

Giải pháp

TSC trong thiết bị đầu cuối VS mã tích hợp

Trước tiên hãy giải quyết vấn đề của TSC không được công nhận trong thiết bị đầu cuối tích hợp mã Visual Studio (VS mã).

Một số Bài viết đề nghị đặt đường dẫn của TSC hoặc npm trong biến môi trường PATH, nhưng một cách dễ dàng để giải quyết vấn lắp đặt “TypeScript cho Visual Studio, tương thích với mã VS cũng.

Bây giờ có, sau khi cài đặt, mở tích hợp Visual Studio mã thiết bị đầu cuối, Gõ:

// Phím nóng cho thiết bị đầu cuối tích hợp mã Visual Studio:
Ctrl+`
// Hoặc sử dụng menu để mở thiết bị đầu cuối trong Visual Studio mã:
View, New View > Thiết bị đầu cuối tích hợp

Cố gắng kiểm tra Phiên bản TypeScript trực tiếp trong thiết bị đầu cuối VS Code tích hợp (Không có trong thiết bị đầu cuối Windows), và nó có lẽ sẽ làm việc:

TSC -V

Tự động biên dịch khi lưu tệp .TS

Thông qua các thiết bị đầu cuối VS mã, vị trí mình trong thư mục script của bạn (.TS), Ví dụ::

CD C:\wamp64wwwts

Tạo tệp tsconfig. JSON gõ trong thiết bị đầu cuối VS mã:

TSC --Init

Lưu ý rằng một tập tin “tsconfig. JSON” sẽ được tạo ra trong “(C):\wamp64wwwts” (thư mục hiện tại).

Mở phần tsconfig. JSON và bật tùy chọn “Sourcebản đồ”: sự thật, và lưu các sửa đổi, Do đó:

  "compilerOptions": {
    /* Tùy chọn cơ bản */
    "target": "es5",                          /* Chỉ định phiên bản mục tiêu ECMAScript: 'ES3' (mặc định), ES5, 'ES2015', 'ES2016', 'ES2017', hoặc ' ESNEXT '. */
    "module": "commonjs",                     /* Chỉ định tạo mã mô-đun: ' commonjs ', AMD, Hệ thống, UMD, 'es2015', hoặc ' ESNext '. */
    // "lib": [],                             /* Chỉ định tệp thư viện được bao gồm trong trình biên dịch:  */
    // "allowJs": sự thật,                       /* Cho phép các tập tin javascript được biên soạn. */
    // "checkJs": sự thật,                       /* Báo cáo lỗi trong tập tin JS. */
    // "jsx": "preserve",                     /* Chỉ định JSX Mã thế hệ: 'bảo vệ', phản ứng 'bản địa', hoặc 'phản ứng'. */
    // "declaration": sự thật,                   /* Tạo ra tương ứng '. d.ts' file. */
    "sourceMap": sự thật,                     /* Tạo ra các tập tin tương ứng của '.map'. */
    // "outFile": "./",                       /* Tiếp nhau và phát ra các đầu ra cho tập tin duy nhất. */
    // "outDir": "./",                        /* Chuyển hướng đầu ra cấu trúc thư mục. */
    // "rootDir": "./",                       /* Chỉ định thư mục gốc của tập tin đầu vào. Sử dụng điều khiển cấu trúc thư mục đầu ra với--outDir. */
    ... tiếp tục ...

Sẵn sàng, Agora é só ir không có thiết bị đầu cuối làm VS mã e digitar o comando:

TSC -w

Este comando fica monitorando (ou vendo, Por isso “w” de xem) một aplicação e qualquer alteração no arquivos .TS, quando salvo, fará một imediata compilação em .JS.

Đó là nó!

Tổng lượt truy cập: 9221

Để lại câu trả lời

Các địa chỉ email của bạn sẽ không được công bố. Các trường bắt buộc được đánh dấu bằng *