Hỗ trợ kiểu chữ cho Visual Studio 2017

Question

Gần đây tôi đã cố gắng tìm hiểu TypeScript và trong một số video tôi đã xem sau khi cài đặt phần mở rộng 'Web Essentials' khi làm việc với một studio trực quan .ts cung cấp cho bạn một tiền tố xem bảng điều khiển để bạn có thể xem JavaScript khi bạn nhập.

Những video dường như được sử dụng VS 2012.

Tuy nhiên cài đặt Essentials Web trên VS 2017 dường như không có tùy chọn này, không ai biết làm thế nào tôi có thể có được điều này để làm việc trong VS 2017? Liệu nó có cùng sự hỗ trợ cho TypeScript không?

Answer 1

Tôi thấy câu hỏi của bạn là dành cho VS 2017 và tôi không tìm thấy bất kỳ tài liệu nào về VS 2017 để xác nhận xem nó đã được thêm lại chưa. Tuy nhiên, tôi đã nhận thấy rằng điều này đã bị xóa trong VS 2015. Xem liên kết này trên Github

Ngăn xem trước TS đã bị xóa khỏi Web Essentials 2015 do liên tục chạy vào xung đột với trình biên dịch TS khi phiên bản mới xuất hiện. Nhóm TS nhận thức được điều đó và tôi hy vọng họ sẽ thêm tính năng vào công cụ TS trong tương lai. Có thể tính năng này sẽ được bao gồm trong phần mở rộng Web Compiler mới (https://visualstudiogallery.msdn.microsoft.com/3b329021-cd7a-4a01-86fc-714c2d05bb6c) khi các ô xem trước đã được triển khai.

Answer 2

Vì vậy, TypeScript được cài đặt theo mặc định với VS2017 (Bản cập nhật 2 sẽ cung cấp cho bạn phiên bản mới nhất 2.3 và cho phép cài đặt cạnh nhau). Nếu bạn không có nó, bạn có thể thêm nó thông qua Visual Studio Installer - từ trình cài đặt, nhấp vào trình đơn burger và chọn Modify, sau đó nhấp vào Individual Components và dưới SDKs, Libraries and Frameworks bạn có thể thêm TypeScript.

Sau khi cài đặt bạn có thể thêm một file tsconfig.json nói với trình biên dịch nguyên cảo cách cư xử, ví dụ ở đây:

{ 
    "compileOnSave": true, 
    "compilerOptions": 
    { 
     "noImplicitAny": false, 
     "noEmitOnError": true, 
     "removeComments": false, 
     "sourceMap": true, 
     "target": "es5" 
    }, 
    "exclude": 
    [ 
     "node_modules" 
    ] 
} 

Thiết lập quan trọng là compileOnSave mà nói VS để biên dịch file js khi bạn lưu ts.

Bây giờ bạn sẽ thấy bạn có một tập tin javascript lồng nhau trong tập tin typescript của bạn:

Bây giờ bạn chỉ cần mở cả hai tập tin bên cạnh và khi bạn lưu các ts rồi js sẽ tự động cập nhật (nó giúp đánh dấu tùy chọn luôn cập nhật nếu VS nhắc bạn tải tập tin đã thay đổi trên đĩa).

Answer 3

Tôi có một công việc xung quanh, đó là một chút công việc nhưng giúp với những dịp lẻ khi tôi muốn kiểm tra đầu ra.

Tôi đang chạy so với năm 2017 Tôi có cài đặt web cần thiết và trình biên dịch web, nhưng nó vẫn không xuất hiện hỗ trợ ts là 15,4 và tôi không thể tải tsconfig.json để hoạt động.

ngắn gọn hiển thị các tập tin ẩn trong dự án của bạn và chọn tập tin js tương ứng, sau đó kéo tab sang bên phải, do đó bạn có một màn hình chia

Khi bạn thay đổi và lưu các tập tin ts, bạn có thể nhận được một Bạn có thể chọn "AutoRestore nếu không có thay đổi nào được phát hiện" (một lần nữa tôi có thể diễn giải, tôi đã cố gắng tìm tùy chọn để tôi có thể đặt lại tùy chọn đó) để có được một ảnh chụp màn hình nhưng tôi không thể tìm thấy nó!), kiểm tra và sau đó chọn "Có để tất cả" này làm mới tập tin js. Lần sau bạn thay đổi tệp ts của bạn, tệp js sẽ cập nhật.

Tôi biết nó không phải là tuyệt vời, nhưng tôi thấy nó rất hữu ích vì tôi có thể nhận được một tương tự của những gì bạn nhìn thấy khi theo khóa học và họ tiếp tục hiển thị xem trước của javascript.

Answer 4

Trong Visual Studio 2017, bạn cần cài đặt "Phát triển Node.js" Khối lượng công việc trong quá trình cài đặt hoặc sửa đổi cài đặt hiện có của bạn trong hộp thoại Dự án mới bằng cách nhấp vào "Không tìm thấy những gì bạn đang tìm kiếm? Liên kết Trình cài đặt Studio ".

Sau đó, Tệp> Mới> Dự án ... sẽ bao gồm các mẫu dự án Javascript và Typescript trong danh mục Đã cài đặt.