Hướng dẫn how to open javascript file in visual studio - cách mở tệp javascript trong visual studio

Bỏ qua nội dung chính

Trình duyệt này không còn được hỗ trợ.

Nâng cấp lên Microsoft Edge để tận dụng các tính năng mới nhất, cập nhật bảo mật và hỗ trợ kỹ thuật.

Phát triển mã JavaScript và TypeScript trong Visual Studio mà không có giải pháp hoặc dự án

• Bài báo
• 30/04/2022
• 2 phút để đọc

Trong bài viết này

Áp dụng cho: Visual Studio Visual Studio cho Mac Visual Studio Code

Bắt đầu từ Visual Studio 2017, bạn có thể phát triển mã mà không cần các dự án hoặc giải pháp, cho phép bạn mở một thư mục mã và ngay lập tức bắt đầu làm việc với các hỗ trợ biên tập viên phong phú như IntelliSense, tìm kiếm, tái cấu trúc, gỡ lỗi, v.v. Ngoài các tính năng này, các công cụ Node.js cho Visual Studio thêm hỗ trợ cho các tệp TypeScript xây dựng, quản lý các gói NPM và chạy tập lệnh NPM.

Để bắt đầu, chọn Tệp> Mở> Thư mục từ thanh công cụ. Giải pháp Explorer hiển thị tất cả các tệp trong thư mục và bạn có thể mở bất kỳ tệp nào để bắt đầu chỉnh sửa. Trong nền, Visual Studio lập chỉ mục các tệp để bật các tính năng NPM, Build và Debug.File > Open > Folder from the toolbar. Solution Explorer displays all the files in the folder, and you can open any of the files to begin editing. In the background, Visual Studio indexes the files to enable npm, build, and debug features.

Quan trọng

Nhiều tính năng được mô tả trong bài viết này, bao gồm tích hợp NPM, yêu cầu Visual Studio 2017 phiên bản 15.8 trở lên. Khối lượng công việc phát triển của Visual Studio Node.js phải được cài đặt.Node.js development workload must be installed.

Tích hợp NPM

Nếu thư mục bạn mở có chứa tệp gói.json, bạn có thể nhấp chuột phải vào gói.json để hiển thị menu ngữ cảnh (menu phím tắt) dành riêng cho NPM.

Trong menu phím tắt, bạn có thể quản lý các gói được NPM cài đặt giống như cách bạn quản lý các gói NPM khi sử dụng tệp dự án.

Ngoài ra, menu cũng cho phép bạn chạy các tập lệnh được xác định trong phần tử scripts trong pack.json. Các tập lệnh này sẽ sử dụng phiên bản Node.js có sẵn trên biến môi trường PATH. Các tập lệnh chạy trong một cửa sổ mới. Đây là một cách tuyệt vời để thực hiện các tập lệnh xây dựng hoặc chạy.

Xây dựng và gỡ lỗi

package.json

Nếu gói.json trong thư mục chỉ định phần tử main, lệnh gỡ lỗi sẽ có sẵn trong menu phím tắt nhấp chuột phải cho Gói.json. Nhấp vào điều này sẽ bắt đầu Node.exe với tập lệnh được chỉ định làm đối số của nó.Debug command will be available in the right-click shortcut menu for package.json. Clicking this will start node.exe with the specified script as its argument.

Các tập tin JavaScript

Bạn có thể gỡ lỗi các tệp JavaScript bằng cách nhấp chuột phải vào tệp và chọn gỡ lỗi từ menu phím tắt. Điều này bắt đầu node.exe với tệp javascript đó làm đối số của nó.Debug from the shortcut menu. This starts node.exe with that JavaScript file as its argument.

Tệp TypeScript và tsconfig.json

Nếu không có tsconfig.json có trong thư mục, bạn có thể nhấp chuột phải vào tệp TypeScript để xem các lệnh menu phím tắt để xây dựng và gỡ lỗi tệp đó. Khi bạn sử dụng các lệnh này, bạn sẽ xây dựng hoặc gỡ lỗi bằng TSC.exe với các tùy chọn mặc định. (Bạn cần xây dựng tệp trước khi bạn có thể gỡ lỗi.)

Ghi chú

Khi xây dựng mã TypeScript, chúng tôi sử dụng phiên bản mới nhất được cài đặt trong C:\Program Files (x86)\Microsoft SDKs\TypeScript.

Nếu có tệp tsconfig.json có trong thư mục, bạn có thể nhấp chuột phải vào tệp TypeScript để xem lệnh menu để gỡ lỗi tệp bản loại đó. Tùy chọn chỉ xuất hiện nếu không có outFile được chỉ định trong tsconfig.json. Nếu một outFile được chỉ định, bạn có thể gỡ lỗi tệp đó bằng cách nhấp chuột phải TSConfig.json và chọn tùy chọn chính xác. Tệp tsconfig.json cũng cung cấp cho bạn tùy chọn xây dựng để cho phép bạn chỉ định các tùy chọn trình biên dịch.

Bài kiểm tra đơn vị

Bạn có thể bật tích hợp kiểm tra đơn vị trong Visual Studio bằng cách chỉ định một root thử nghiệm trong gói của bạn.json:

{
    // ...
    "vsTest":{
        "testRoot": "./tests"
    }
    // ...
}

Người chạy thử nghiệm liệt kê các gói được cài đặt cục bộ để xác định khung thử nghiệm nào sẽ sử dụng. Nếu không có khung được hỗ trợ nào được công nhận, người chạy thử nghiệm mặc định là ExportRunner. Các khung được hỗ trợ khác là:

• Mocha (mochajs.org)
• Jasmine (Jasmine.github.io)
• Băng (github.com/substack/tape)
• Jest (jestjs.io)

Sau khi mở Test Explorer (chọn Test> Windows> Test Explorer), Visual Studio phát hiện và hiển thị các bài kiểm tra.Test > Windows > Test Explorer), Visual Studio discovers and displays tests.

Ghi chú

Khi xây dựng mã TypeScript, chúng tôi sử dụng phiên bản mới nhất được cài đặt trong C:\Program Files (x86)\Microsoft SDKs\TypeScript.

Làm cách nào để chạy tệp JavaScript trong Visual Studio?

Làm cách nào để mở tệp JavaScript trong VSCODE?

Làm cách nào để chạy tệp javascript?

Có JavaScript trong Visual Studio không?