Ẩn tệp .js.map trong Visual Studio Code

Tôi đang làm việc trên một dự án sắp chữ trong mã Visual Studio và muốn ẩn .js.map(và thậm chí có thể cả .js) tệp xuất hiện trong trình khám phá tệp.

Có thể chỉ hiển thị các .tstệp trong trình khám phá tệp không?

Trong cài đặt của bạn (người dùng hoặc không gian làm việc) có một cài đặt mà bạn có thể điều chỉnh để ẩn bất kỳ thứ gì bạn muốn:

{
    "files.exclude": {
        "**/.git": true,
        "**/.DS_Store": true
    }
}

Vì vậy, bạn có thể thêm phần sau để ẩn .jsvà .js.maptệp

"**/*.js": true,
"**/*.js.map": true

Như câu trả lời khác này giải thích , hầu hết mọi người có lẽ chỉ muốn ẩn .jstệp khi có .tstệp trùng khớp .

Vì vậy, thay vì làm:

"**/*.js": true

bạn có thể muốn làm:

"**/*.js": {"when": "$(basename).ts"}

Tôi đã tìm thấy điều này, Nếu bạn có các tệp JS chuẩn thì những tệp này cũng sẽ bị ẩn mà có thể không phải lúc nào bạn cũng muốn. Có lẽ điều này tốt hơn vì nó chỉ ẩn các tệp JS khớp với tệp TS ...

{
    "files.exclude": {
        "**/.git": true,
        "**/.DS_Store": true,
        "**/*.js.map": true,
        "**/*.js": {"when": "$(basename).ts"}
    }
}

Tôi thực sự không biết điều này được triển khai như thế nào nhưng để ẩn .jstệp hoạt động:

"**/*.js": {"when": "$(basename).ts"}

Để ẩn .js.maptệp hoạt động:

"**/*.js.map": {"when": "$(basename)"}

Khi bạn đang làm việc với TypeScript, bạn thường không muốn thấy các tệp JavaScript được tạo trong trình khám phá hoặc trong kết quả tìm kiếm. VS Code cung cấp khả năng lọc với files.excludecài đặt ( Tệp> Tùy chọn> Cài đặt không gian làm việc ) và bạn có thể dễ dàng tạo biểu thức để ẩn các tệp dẫn xuất đó:

"**/*.js": { "when": "$(basename).ts"}

Tương tự ẩn .mapcác tệp được tạo bằng cách:

 "**/*.js.map": { "when": "$(basename)"}

Vì vậy, bạn sẽ có một cấu hình như trong:

settings.json

// Place your settings in this file to overwrite default and user settings.
{
    "files.exclude": {
        "**/*.js": { "when": "$(basename).ts"},
        "**/*.js.map": { "when": "$(basename)"}
    }
}

Liên kết: https://code.visualstudio.com/docs/languages/typescript#_hiding-derived-javascript-files

John Papa LIÊN KẾT Twitter nói sử dụng những điều sau:

"files.exclude": {
        "**/.git": true,
        "**/.DS_Store": true,
        "**/*.js" : {
            "when": "$(basename).ts"
        },
        "**/*.js.map": {
            "when": "$(basename)"
        }
}

Từ tài liệu chính thức :

để loại trừ các tệp JavaScript được tạo từ cả tệp nguồn .ts và .tsx, hãy sử dụng biểu thức sau:

"**/*.js": { "when": "$(basename).ts" },
"**/**.js": { "when": "$(basename).tsx" }

Đây là một chút mẹo nhỏ. Mẫu hình cầu tìm kiếm được sử dụng làm khóa. Các cài đặt ở trên sử dụng hai mẫu hình cầu khác nhau để cung cấp hai khóa duy nhất nhưng tìm kiếm sẽ vẫn khớp với các tệp giống nhau.

CẬP NHẬT 10/3/2017: với thủ thuật này chúng ta gặp sự cố "tìm kiếm trong thư mục". Vui lòng xem vấn đề

1. Đi tới tùy chọn> cài đặt

2. Nhấp vào "Chỉnh sửa trên settings.json" (Ở dưới cùng của hình ảnh)

3. Cập nhật đối tượng json như bạn có thể thấy trong hình. Sau đó, lưu các thay đổi của bạn Ctrl + Svà đó là tất cả.

"files.exclude": {
    "**/*.js": {"when": "$(basename).ts"}
}

Thêm các cài đặt này bạn settings.json trong bạn .vscode thư mục

// Place your settings in this file to overwrite default and user settings.
{
    "files.exclude" :{
    "**/.git":true,
    "**/.DS_Store":true,
    "**/*.map":true,
    "**/app/**/*.js":true

    }
}

Nếu settings.json không khả dụng, hãy nhấp vào Tệp ---> Tùy chọn -> Cài đặt không gian làm việc.

Vui lòng thêm các dòng sau trong bảng "Cài đặt người dùng" để ghi đè "Cài đặt mặc định". Bạn có thể ẩn tệp {basename} .js và {basename} .js.map khi tạo tệp dưới dạng {basename} .ts.

"files.exclude": {
        "**/*.js": {
            "when": "$(basename).ts"
        },
        "**/*.js.map": {
            "when": "$(basename)"
        }        
    }

Có lẽ tốt hơn nên ẩn .mapvà .jscác tệp khi chúng khớp với .tstệp tương ứng của chúng .
Bạn có thể làm điều đó bằng cách sao chép các dòng sau trong Cài đặt Người dùng VS (Tùy chọn> Cài đặt Người dùng):

// Workspace settings
"files.exclude": {
        "**/*.js":  {"when": "$(basename).ts"},
        "**/*.map": true
 }

Trong VS Code, đi tới Mã (hoặc Tệp dành cho người dùng Windows)> Tùy chọn> Cài đặt không gian làm việc và thêm đoạn mã này:

{
   "files.exclude": {
      "**/*.js": {"when": "$(basename).ts"},
      "**/*.map": {"when": "$(basename).map"}
   }
}

Vẫn không có giải pháp chính thức để loại trừ một tập tin toàn cầu dựa trên hai điều kiện khác nhau. Xem vấn đề này .

Tuy nhiên, có một cách giải quyết là xác định hai mẫu hình cầu khác nhau nhắm mục tiêu đến các tệp giống nhau:

{
    "files.exclude": {
        "**/*.js": { "when": "$(basename).ts"},
        "**/*?.js": { "when": "$(basename).tsx"}
    }
}