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

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

Saya ingin menyembunyikan .metadan .gitmenata file

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:

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 .

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

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.

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

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.

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

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

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