ฉันจะซ่อนไฟล์บางไฟล์จากแถบด้านข้างใน Visual Studio Code ได้อย่างไร

630

การใช้ Visual Studio Code ของ Microsoft ฉันจะซ่อนไฟล์และรูปแบบไฟล์บางอย่างไม่ให้ปรากฏในแถบด้านข้างได้อย่างไร

ฉันต้องการซ่อน.metaและจัด.gitสไตล์ไฟล์

visual-studio-code vscode-settings

3

มันไม่ได้เป็นอย่างที่คุณต้องการ แต่อย่างน้อยคุณสามารถแยกบางโฟลเดอร์ออกจากการค้นหาโดยเพิ่มคุณสมบัติ "search.excludeFolders" ในการตั้งค่าพื้นที่ทำงานของคุณ นี่ก็เพียงพอแล้วสำหรับฉันเนื่องจากฉันมักจะเข้าถึงไฟล์โดยใช้Ctrl-Eเมนู

— Katana314

1

เคล็ดลับที่ดี ฉันยังได้รับไฟล์แบบนั้นและcommand+p(มาจากพื้นหลังประเสริฐ)

— Chris

1

ปัญหาที่เกี่ยวข้องเกี่ยวกับการซ่อนไฟล์.. ลายเซ็นอัตโนมัติในแถบด้านข้าง: github.com/Microsoft/vscode/issues/38878

— Johan Walles

1079

คุณสามารถกำหนดค่ารูปแบบเพื่อซ่อนไฟล์และโฟลเดอร์จาก explorer และการค้นหา

ตั้งค่าผู้ใช้เปิด VS (เมนูหลัก: File > Preferences > Settings) นี้จะเปิดหน้าจอการตั้งค่า
ค้นหาfiles:excludeในการค้นหาที่ด้านบน
กำหนดการตั้งค่าผู้ใช้ด้วยรูปแบบ glob ใหม่ตามต้องการ ในกรณีนี้เพิ่มรูปแบบนี้node_modules/แล้วคลิกตกลง ไวยากรณ์รูปแบบมีประสิทธิภาพ คุณสามารถค้นหารายละเอียดรูปแบบการจับคู่ภายใต้การค้นหาในหัวข้อไฟล์

เมื่อคุณทำเสร็จแล้วควรมีลักษณะเช่นนี้:

หากคุณต้องการแก้ไขไฟล์การตั้งค่าโดยตรง: ตัวอย่างเช่นเพื่อซ่อนโฟลเดอร์ node_modules ระดับบนสุดในพื้นที่ทำงานของคุณ:

"files.exclude": {
    "node_modules/": true
}

หากต้องการซ่อนไฟล์ทั้งหมดที่ขึ้นต้นด้วย._เช่น._.DS_Storeไฟล์ที่พบใน OSX:

"files.exclude": {
    "**/._*": true
}

นอกจากนี้คุณยังมีความสามารถในการเปลี่ยนแปลงการตั้งค่าพื้นที่ทำงาน (เมนูหลัก: File > Preferences > Workspace Settings) การตั้งค่าพื้นที่ทำงานจะสร้าง.vscode/settings.jsonไฟล์ในพื้นที่ทำงานปัจจุบันของคุณและจะใช้กับพื้นที่ทำงานนั้นเท่านั้น การตั้งค่าผู้ใช้จะถูกนำไปใช้ทั่วโลกกับตัวอย่างของรหัส VS ที่คุณเปิด แต่จะไม่แทนที่การตั้งค่าพื้นที่ทำงานหากมี อ่านเพิ่มเติมเกี่ยวกับการกำหนดการตั้งค่าผู้ใช้และพื้นที่ทำงานเอง

— Benjamin Pasero
แหล่งที่มา

3

มีวิธีใดที่จะยกเว้นลิงก์ / นามแฝง sym

— Granmoe

4

หากต้องการซ่อน node_modules ทั้งหมดในโฟลเดอร์ย่อยคุณสามารถใช้:"**/node_modules/**": true

— supNate

3

ในเวอร์ชัน VSCode ในภายหลัง (พ.ย. 2017) คุณใช้ไฟล์> การกำหนดค่าตามความชอบ> การตั้งค่าและใช้ดรอปดาวน์ด้านบนขวาเพื่อเลือก UserSettings หรือ Workspace การเลือกเวิร์กสเปซจะสร้างโฟลเดอร์. vscode และ settings.json ในโครงการของคุณ

— Drenai

1

@ เบ็บใช่คุณต้องรีสตาร์ทโปรแกรมแก้ไขหลังจากเปลี่ยน

— Johan Walles

3

คุณไม่ต้องรีสตาร์ทรหัส VS เพื่อให้สิ่งนี้มีผล

— MarredCheese

213

บางครั้งคุณต้องการซ่อนไฟล์บางประเภทสำหรับโครงการเฉพาะ ในกรณีดังกล่าวคุณสามารถสร้างโฟลเดอร์ในโฟลเดอร์โปรเจ็กต์ชื่อ.vscodeและสร้างsettings.jsonไฟล์ในนั้น (เช่น.vscode/settings.json) การตั้งค่าทั้งหมดภายในไฟล์นั้นจะมีผลกับพื้นที่ทำงานปัจจุบันของคุณเท่านั้น

ตัวอย่างเช่นในโครงการ TypeScript นี่คือสิ่งที่ฉันใช้:

// Workspace settings
{
    // The following will hide the js and map files in the editor
    "files.exclude": {
        "**/*.js": true,
        "**/*.map": true
    }
}

— omt66
แหล่งที่มา

8

รหัส VS ตอนนี้มีแท็บเมื่อคุณไปที่การตั้งค่า> การตั้งค่าที่คุณสามารถสลับระหว่างการตั้งค่าผู้ใช้และการตั้งค่าพื้นที่ทำงานดังนั้นคุณไม่จำเป็นต้องสร้างไฟล์ด้วยตนเองอีกต่อไป ตัวอย่างที่ดีเกี่ยวกับการยกเว้นประเภทไฟล์ - ขอบคุณ!

— Tim Franklin

24

ส่วนขยาย" Make Hidden " ใช้งานได้ดีมาก!

Make Hidden ให้การควบคุมไดเรกทอรีของโครงการของคุณมากขึ้นโดยการเปิดใช้งานเมนูบริบทที่ช่วยให้คุณสามารถดำเนินการซ่อน / แสดงได้อย่างง่ายดาย Explorer ในบานหน้าต่างมุมมองเพื่อดูรายการที่ซ่อนอยู่และความสามารถในการบันทึกเวิร์กสเปซ

— Yehuda Kremer
แหล่งที่มา

23

สำหรับ.metaไฟล์ในขณะที่ใช้ Unity3D ฉันพบรูปแบบที่ดีที่สุดสำหรับการซ่อนคือ:

"files.exclude": {
  "*/**/**.meta": true
}

สิ่งนี้จะรวบรวมโฟลเดอร์และโฟลเดอร์ย่อยทั้งหมดและจะรับfoo.cs.metaเพิ่มเติมfoo.meta

— JerkyTreats
แหล่งที่มา

5

ทำงานให้กับ.pycไฟล์ที่สร้างขึ้นโดยหลาม

— Dominic Motuka

3

มันใช้งานได้ แต่จากนั้นการค้นหาทั่วโลกจะหยุดทำงานด้วยข้อผิดพลาด: Error parsing glob ... invalid use of **; must be one path componentควรจะเป็น"*/**/*.meta": true

— pasevin

20

ฉันอยากจะแนะนำ vscode extension Peepซึ่งช่วยให้คุณสามารถสลับซ่อนไฟล์ที่แยกในโครงการ settings.json ของคุณ

Hit F1สำหรับบรรทัดคำสั่ง vscode (พาเล็ตคำสั่ง) จากนั้น

ext install [enter] peep [enter]

คุณสามารถผูก "extension.peepToggle" กับคีย์อย่างเช่นCtrl+ Shift+ P( F1ตามค่าเริ่มต้น) เพื่อให้ง่ายต่อการสลับ กดCtrl+ K Ctrl+ Sสำหรับการเชื่อมโยงคีย์ป้อนpeepเลือก Peep Toggle และเพิ่มการเชื่อมของคุณ

— โทนี่ครูเกอร์
แหล่งที่มา

17

__pycache__โฟลเดอร์และ*.pycไฟล์ที่ไม่จำเป็นทั้งหมดให้กับนักพัฒนา ในการซ่อนไฟล์เหล่านี้จากมุมมอง explorer เราจำเป็นต้องแก้ไข settings.json สำหรับ VSCode เพิ่มโฟลเดอร์และไฟล์ที่แสดงด้านล่าง:

"files.exclude": {
  ...
  ...
  "**/*.pyc": {"when": "$(basename).py"}, 
  "**/__pycache__": true,
  ...
  ...
}

— AJ
แหล่งที่มา

3

หากคุณทำงานกับแอปพลิเคชันAngular 2+และชอบฉันคุณชอบสภาพแวดล้อมการทำงานที่สะอาดให้ทำตาม @ omt66 คำตอบและวางด้านล่างในไฟล์ settings.json ของคุณ ฉันขอแนะนำให้คุณทำเช่นนี้เมื่อการตั้งค่าเริ่มต้นทั้งหมดเสร็จสมบูรณ์

หมายเหตุ : นี่จะซ่อนโฟลเดอร์. vscode (ด้วย settings.json) ด้วยเช่นกัน (เปิดใน file explorer / text editor ของคุณหากคุณต้องการเปลี่ยนแปลงในภายหลัง)

https://pastebin.com/X2NL6Vxb

{
    "files.exclude": {
        ".vscode":true,
        "node_modules/":true,
        "dist/":true,
        "e2e/":true,
        "*.json": true,
        "**/*.md": true,
        ".gitignore": true,
        "**/.gitkeep":true,
        ".editorconfig": true,
        "**/polyfills.ts": true,
        "**/main.ts": true,
        "**/tsconfig.app.json": true,
        "**/tsconfig.spec.json": true,
        "**/tslint.json": true,
        "**/karma.conf.js": true,
        "**/favicon.ico": true,
        "**/browserslist": true,
        "**/test.ts": true
    }
}

— Riaan van Zyl
แหล่งที่มา

0

นี่อาจไม่ใช่คำตอบที่ดี แต่ถ้าคุณเลือกไฟล์ทั้งหมดที่คุณต้องการเข้าถึงโดยการกดที่แถบด้านข้างเพื่อให้ปรากฏขึ้นด้านบนของหน้าจอตัวอย่างเช่น: script.js ดัชนี html, style.css ปิดไฟล์ทั้งหมดที่คุณไม่ต้องการที่ด้านบน

เมื่อเสร็จแล้วคุณกด Ctrl + B บน windows และ linux ฉันไม่รู้ว่ามันคืออะไรใน mac

แต่คุณมีมัน โปรดอย่าส่งความเกลียดชัง

— Chokko2
แหล่งที่มา