ซ่อนไฟล์. js.map ใน Visual Studio Code

ฉันกำลังทำงานกับโปรเจ็กต์ typescript ในโค้ด Visual Studio และต้องการซ่อนไฟล์.js.map(และอาจถึงขั้น.js) ไม่ให้ปรากฏใน file explorer

เป็นไปได้หรือไม่ที่จะแสดงเฉพาะ.tsไฟล์ใน File Explorer

ในการตั้งค่าของคุณ (ผู้ใช้หรือพื้นที่ทำงาน) มีการตั้งค่าที่คุณสามารถปรับแต่งเพื่อซ่อนสิ่งที่คุณต้องการ:

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

ดังนั้นคุณสามารถเพิ่มสิ่งต่อไปนี้เพื่อซ่อน.jsและ.js.mapไฟล์

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

ตามคำตอบอื่น ๆ ที่อธิบายไว้คนส่วนใหญ่อาจต้องการซ่อน.jsไฟล์เมื่อมี.tsไฟล์ที่ตรงกันเท่านั้น

แทนที่จะทำ:

"**/*.js": true

คุณอาจต้องการทำ:

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

ฉันพบสิ่งนี้หากคุณมีไฟล์ JS มาตรฐานสิ่งเหล่านี้จะถูกซ่อนไว้ด้วยซึ่งอาจไม่ใช่สิ่งที่คุณต้องการเสมอไป บางทีนี่อาจจะดีกว่าเพราะซ่อนไฟล์ JS ที่ตรงกับไฟล์ TS เท่านั้น ...

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

ฉันไม่รู้จริงๆว่ามันถูกนำไปใช้อย่างไร แต่สำหรับการซ่อน.jsไฟล์ทำงาน:

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

สำหรับการซ่อน.js.mapไฟล์ทำงาน:

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

เมื่อคุณทำงานกับ TypeScript คุณมักไม่ต้องการเห็นไฟล์ JavaScript ที่สร้างขึ้นใน explorer หรือในผลการค้นหา VS Code นำเสนอความสามารถในการกรองด้วยการfiles.excludeตั้งค่า ( ไฟล์> การตั้งค่า>การตั้งค่าพื้นที่ทำงาน ) และคุณสามารถสร้างนิพจน์เพื่อซ่อนไฟล์ที่ได้รับเหล่านั้นได้อย่างง่ายดาย:

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

ซ่อน.mapไฟล์ที่สร้างขึ้นในทำนองเดียวกันโดย:

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

ดังนั้นคุณจะมีการกำหนดค่าเช่นใน:

settings.json

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

ลิงก์: https://code.visualstudio.com/docs/languages/typescript#_hiding-derived-javascript-files

ลิงค์ Twitter ของ John Papa บอกว่าใช้สิ่งต่อไปนี้:

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

จากเอกสารอย่างเป็นทางการ :

หากต้องการยกเว้นไฟล์ JavaScript ที่สร้างจากไฟล์ต้นฉบับทั้ง. ts และ. tsx ให้ใช้นิพจน์นี้:

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

นี่เป็นเคล็ดลับเล็กน้อย รูปแบบลูกโลกการค้นหาถูกใช้เป็นคีย์ การตั้งค่าด้านบนใช้รูปแบบลูกโลกสองแบบที่แตกต่างกันเพื่อให้มีคีย์ที่ไม่ซ้ำกันสองปุ่ม แต่การค้นหาจะยังคงตรงกับไฟล์เดียวกัน

อัปเดต 10/3/2017:ด้วยเคล็ดลับนี้เรามีปัญหากับ "ค้นหาในโฟลเดอร์" โปรดดูปัญหา

1. ไปที่การตั้งค่า> การตั้งค่า

2. คลิกที่ Edit on settings.json (อยู่ด้านล่างของรูป)

3. อัปเดตวัตถุ json ตามที่คุณเห็นในภาพ จากนั้นบันทึกการเปลี่ยนแปลงของคุณCtrl + Sและนั่นคือทั้งหมดที่

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

เพิ่มการตั้งค่าเหล่านี้เพื่อคุณsettings.jsonในของคุณ.vscodeโฟลเดอร์

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

    }
}

หากไม่มี settings.json ให้คลิกที่ File ---> Preferences -> Workspace Settings

โปรดเพิ่มบรรทัดต่อไปนี้ในแผง "การตั้งค่าผู้ใช้" เพื่อแทนที่ "การตั้งค่าเริ่มต้น" คุณสามารถซ่อนไฟล์ {basename} .js และ {basename} .js.map เมื่อคุณสร้างไฟล์เป็น {basename} .ts

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

อาจจะเป็นการดีกว่าที่จะซ่อน.mapและ.jsไฟล์เมื่อตรงกับ.tsไฟล์ที่เกี่ยวข้อง
คุณสามารถทำได้โดยคัดลอกบรรทัดต่อไปนี้ใน VS User Settings (Preferences> User Settings):

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

ใน VS Code ไปที่ Code (หรือ File สำหรับผู้ใช้ Windows)> Preferences> Workspace Settings และเพิ่มข้อมูลโค้ดนี้:

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

ยังไม่มีวิธีแก้ปัญหาอย่างเป็นทางการสำหรับการยกเว้น file glob ตามเงื่อนไขที่แตกต่างกันสองเงื่อนไข ดูปัญหานี้

มีวิธีแก้ปัญหาชั่วคราวในการกำหนดรูปแบบลูกโลกสองแบบที่แตกต่างกันซึ่งกำหนดเป้าหมายไปที่ไฟล์เดียวกัน:

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