Unduh vscode material icon theme - vscode material icon theme Unduh kode sumber

vscode material icon theme

Kode sumber lainnya

v5.14.1

Unduh

folder .vscode/ekstensi.

Dalam contoh kita, kita menempatkannya ke dalam folder icons di dalam folder .vscode/extensions :

 .vscode
 ┗ extensions
   ┗ icons
     ┣ folder-sample.svg
     ┗ folder-sample-open.svg

Di settings.json (hanya Pengaturan Pengguna!), ikon folder dapat dikaitkan dengan nama folder (misalnya "src") seperti ini:

 "material-icon-theme.folders.associations" : {
    "src" : " ../../../../icons/folder-sample "
}

Klon ikon folder khusus

Dimungkinkan juga untuk mengkloning ikon folder yang ada dan mengubah warnanya untuk membuat ikon baru yang dapat dikaitkan dengan nama folder. Contoh berikut menunjukkan cara mengkloning ikon folder admin :

 "material-icon-theme.folders.customClones" : [
  {
    "name" : " users-admin " ,
    "base" : " admin " ,
    "color" : " light-green-500 " ,
    "lightColor" : " light-green-700 " ,
    "folderNames" : [ " users " ]
  },
  {
    "name" : " roles-admin " ,
    "base" : " admin " ,
    "color" : " purple-400 " ,
    "folderNames" : [ " roles " ]
  }
]

Ini akan membuat dua ikon baru bernama users-admin dan roles-admin yang terkait dengan nama folder masing-masing users dan roles . Properti base mendefinisikan ikon yang harus dikloning (dalam hal ini ikon folder admin ). Properti color menentukan warna ikon baru. Properti lightColor bersifat opsional dan menentukan warna ikon ketika Visual Studio Code dijalankan dengan tema warna terang. Properti folderNames mendefinisikan nama folder yang harus dikaitkan dengan ikon baru.

Meskipun Anda dapat menggunakan warna #RRGGBB apa pun untuk properti color dan lightColor , jika Anda ingin tetap menggunakan warna dari palet material, Anda dapat memeriksa daftar lengkap alias yang diizinkan di sini.
Anda dapat memeriksa daftar lengkap ikon yang tersedia untuk digunakan sebagai base di sini.

Asosiasi bahasa

Dengan konfigurasi berikut Anda dapat menyesuaikan ikon bahasa. Dimungkinkan juga untuk menimpa asosiasi yang sudah ada.

 "material-icon-theme.languages.associations" : {
    "languageId" : " iconName " ,
    "json" : " json "
}

Anda dapat melihat nama ikon yang tersedia pada ikhtisar di atas. Lihat "Pengidentifikasi bahasa yang dikenal" dalam dokumentasi VS Code untuk daftar nilai yang diizinkan untuk languageId .

Perintah

Tekan Ctrl-Shift-P untuk membuka palet perintah dan ketik Material Icons .

Memerintah	Keterangan
Aktifkan Tema Ikon	Aktifkan tema ikon.
Ubah Warna File	Ubah warna ikon file.
Ubah Warna Folder	Ubah warna ikon folder.
Ubah Tema Folder	Ubah desain ikon folder.
Ubah Opasitas	Ubah opacity ikon.
Ubah Saturasi	Ubah nilai saturasi ikon.
Konfigurasikan Paket Ikon	Memilih paket ikon yang mengaktifkan ikon tambahan (misalnya untuk Angular, React, Ngrx).
Alihkan Panah Penjelajah	Menampilkan atau menyembunyikan panah di sebelah ikon folder.
Kembalikan Konfigurasi Default	Reset ke konfigurasi default.
Alihkan Skala Abu-abu	Atur saturasi ikon ke `0` (skala abu-abu), atau `1` (warna).