Bagaimana cara menyembunyikan file tertentu dari sidebar di Visual Studio Code?


631

Menggunakan Microsoft Visual Studio Code, bagaimana cara menyembunyikan file dan pola file tertentu agar tidak muncul di sidebar?

Saya ingin menyembunyikan .metadan .gitmenata file


3
Ini bukan yang Anda butuhkan, tetapi setidaknya Anda bisa mengecualikan folder tertentu dari pencarian dengan menambahkan properti "search.excludeFolders" ke pengaturan ruang kerja Anda. Ini sudah cukup bagi saya karena saya biasanya mencapai file dengan Ctrl-Emenu.
Katana314

1
Tip yang bagus. Saya juga mendapatkan file seperti itu dan command+p(datang dari latar belakang yang luhur)
Chris

1
Masalah terkait tentang menyembunyikan file .gitignored otomatis di bilah samping: github.com/Microsoft/vscode/issues/38878
Johan Walles

Jawaban:


1083

Anda dapat mengonfigurasi pola untuk menyembunyikan file dan folder dari penjelajah dan pencarian.

  1. Buka Pengaturan Pengguna VS (Menu utama:) File > Preferences > Settings. Ini akan membuka layar pengaturan.
  2. Cari files:excludedalam pencarian di atas.
  3. Konfigurasikan Pengaturan Pengguna dengan pola bola baru sesuai kebutuhan. Dalam hal ini tambahkan pola ini node_modules/lalu klik OK. Sintaksis pola sangat kuat. Anda dapat menemukan detail pencocokan pola di bawah topik Cari di Seluruh File .

Ketika Anda selesai, tampilannya akan seperti ini: masukkan deskripsi gambar di sini

Jika Anda ingin langsung mengedit file pengaturan: Misalnya untuk menyembunyikan folder node_modules tingkat atas di ruang kerja Anda:

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

Untuk menyembunyikan semua file yang dimulai dengan ._seperti ._.DS_Storefile yang ditemukan di OSX:

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

Anda juga memiliki kemampuan untuk mengubah Pengaturan Workspace (Menu utama:) File > Preferences > Workspace Settings. Pengaturan .vscode/settings.jsonruang kerja akan membuat file di ruang kerja Anda saat ini dan hanya akan diterapkan ke ruang kerja itu. Pengaturan Pengguna akan diterapkan secara global ke instance VS Code mana pun yang Anda buka, tetapi mereka tidak akan menimpa Pengaturan Ruang Kerja jika ada. Baca lebih lanjut tentang menyesuaikan Pengaturan Pengguna dan Workspace .


3
Adakah cara untuk mengecualikan tautan sym / alias?
Granmoe

4
Untuk menyembunyikan semua node_modules dalam sub folder, Anda dapat menggunakan:"**/node_modules/**": true
supNate

3
Dalam versi VSCode yang lebih baru (Nov 2017) Anda menggunakan File> Preferensi> Pengaturan dan menggunakan dropdown di kanan atas untuk memilih UserSettings atau Workspace. Memilih Workspace kemudian akan membuat folder .vscode dan settings.json di proyek Anda
Drenai

1
@becko, ya, Anda harus memulai ulang editor setelah diubah.
Johan Walles

3
Anda tidak lagi harus me-restart VS Code agar ini berlaku.
MarredCheese

213

Terkadang Anda hanya ingin menyembunyikan tipe file tertentu untuk proyek tertentu. Dalam hal ini, Anda dapat membuat folder di folder proyek Anda yang disebut.vscode dan membuat settings.jsonfile di sana, (yaitu .vscode/settings.json). Semua pengaturan dalam file itu hanya akan memengaruhi ruang kerja Anda saat ini.

Misalnya, dalam proyek TypeScript, inilah yang saya gunakan:

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

8
VS Code sekarang memiliki tab ketika Anda pergi ke Preferences> Settings di mana Anda dapat beralih antara Pengaturan Pengguna dan Pengaturan Workspace, sehingga Anda tidak perlu membuat file sendiri secara manual lagi. Contoh yang bagus untuk mengecualikan jenis file - terima kasih!
Tim Franklin

24

Ekstensi " Make Hidden " berfungsi dengan baik!

Make Hidden menyediakan kontrol lebih besar atas direktori proyek Anda dengan mengaktifkan menu konteks yang memungkinkan Anda untuk melakukan tindakan sembunyikan / tampilkan dengan mudah, panel tampilan explorer untuk melihat item tersembunyi dan kemampuan untuk menghemat ruang kerja dengan cepat beralih di antara item tersembunyi massal.


23

Untuk .metafile saat menggunakan Unity3D, saya menemukan pola terbaik untuk bersembunyi adalah:

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

Ini menangkap semua folder dan subfolder, dan akan mengambil foo.cs.metaselainfoo.meta


5
Bekerja untuk .pycfile yang dihasilkan oleh python .
Dominic Motuka

3
Error parsing glob ... invalid use of **; must be one path component"*/**/*.meta": true
Berhasil

20

Saya juga ingin merekomendasikan Peep ekstensi vscode , yang memungkinkan Anda untuk beralih menyembunyikan pada file yang dikecualikan di proyek Anda settings.json.

Tekan F1untuk baris perintah vscode (palet perintah), lalu

ext install [enter] peep [enter]

Anda dapat mengikat "extension.peepToggle" ke kunci seperti Ctrl+ Shift+ P(sama F1dengan default) untuk beralih mudah. Tekan Ctrl+ K Ctrl+ Suntuk binding kunci, masukkan peep, pilih Peep Toggle dan tambahkan ikatan Anda.


17

Itu __pycache__ folder dan *.pycfile benar-benar perlu untuk pengembang. Untuk menyembunyikan file-file ini dari tampilan explorer, kita perlu mengedit setting.json untuk VSCode. Tambahkan folder dan file seperti yang ditunjukkan di bawah ini:

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

3

Jika Anda bekerja pada aplikasi Angular 2+ , dan seperti saya Anda menyukai lingkungan kerja yang bersih, ikuti jawaban @ omt66 dan rekatkan di bawah ini di file settings.json Anda. Saya sarankan Anda melakukan ini setelah semua pengaturan awal telah selesai.

Catatan : Ini juga akan menyembunyikan folder .vscode (with settings.json). (Buka di file explorer / editor teks asli Anda jika Anda perlu melakukan perubahan sesudahnya)

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
    }
}

0

Ini mungkin bukan jawaban yang baik bagi saya, tetapi jika Anda pertama kali memilih semua file yang ingin Anda akses dengan menekannya di bilah samping, sehingga muncul di atas layar Anda misalnya: script.js, index. html, style.css. Tutup semua file yang tidak Anda butuhkan di bagian atas.

Ketika Anda selesai dengan itu Anda menekan Ctrl + B di windows dan linux, saya tidak tahu apa itu di mac.

Tapi begitulah. tolong jangan kirim benci

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.