Utama Perisian Cara Mengubah Tema dalam VS Code

Cara Mengubah Tema dalam VS Code



Visual Studio Code mengubah pengeditan dan penulisan kod baru menjadi pengalaman yang menyeronokkan dan bebas. Tema gelap VS Code lalai dirancang untuk lebih mudah dilihat daripada latar belakang putih dan keras biasa yang boleh menyebabkan keletihan setelah berjam-jam bekerja. Tetapi bagaimana jika anda tidak begitu menyukai warna gelap di skrin semasa bekerja?

Cara Mengubah Tema dalam VS Code

Manfaat reka bentuk modular VS Code ialah anda mempunyai kebebasan luar biasa dalam mengubah tema gelap asal dengan banyak pilihan penyesuaian yang merangkumi gamut warna skrin, fon, dan juga penampilan terminal bersepadu VS Code itu sendiri.

Artikel ini akan memberitahu anda semua yang perlu anda ketahui mengenai menukar tema dalam VS Code.

Cara Mengubah Tema dalam VS Code

Mengubah keseluruhan tema dalam VS Code adalah pantas dan mudah. Inilah yang perlu anda lakukan:

  1. Buka Kod VS.
  2. Pilih Fail (Kod pada macOS), pilih Keutamaan, kemudian pilih Tema Warna.
  3. VS Code akan menunjukkan kepada anda pilihan tema yang telah dibina untuk dipilih dalam menu lungsur.
  4. Gunakan kekunci kursor anda untuk melihat bagaimana setiap tema kelihatan secara langsung di skrin.
  5. Tekan Enter sambil memilih untuk memilih tema yang akan digunakan.

Menukar tema ke tema yang telah dikonfigurasi sebelumnya mungkin merupakan perkara pertama yang anda lakukan semasa anda membuka VS Code untuk pertama kalinya. Pengekodan memerlukan banyak masa, jadi bermanfaat untuk menggunakan tema yang anda selesa dan yang tidak menyakitkan mata semasa bekerja.

adakah telefon bimbit saya di-root atau tidak di-root

Cara Mengubah Tema Terminal Anda dalam Kod VS

Sekiranya anda ingin berpegang pada beberapa pilihan yang telah dikonfigurasi sebelumnya untuk warna dan tema terminal, prosesnya sama dengan mengubah keseluruhan tema. Semua tema bersepadu merangkumi pilihan untuk mengubah penampilan terminal anda, tetapi anda tidak boleh memisahkannya dari bahagian lain dari tema itu sendiri dari menu utama.

Sebelum menggunakan langkah-langkah di atas untuk mengubah tema, buka konsol terminal (Ctrl + Shift + P) untuk melihat perubahan yang dibuat ke terminal. Beberapa tema tidak membuat perubahan pada terminal, sementara yang lain dapat mengubahnya secara drastik. Selain itu, menggunakan tema yang anda sukai hanya dengan sederhana, kerana anda mungkin menggunakan terminal lebih daripada yang anda fikirkan.

Walau bagaimanapun, terdapat beberapa penyelesaian yang membolehkan anda menukar tema terminal, yang akan kami bahas di bahagian di bawah.

Cara Menukar Tema Bahan dalam Kod VS

Ciri utama VS Code adalah kelebihan sambungan yang menarik untuk menyesuaikan pengalaman pengekodan anda dan membawa lebih banyak fungsi kepada penyunting teks. Salah satu sambungan tersebut ialah Tema Bahan , salah satu yang paling popular seumpamanya di VS Code Marketplace.

Bahan Tema mempunyai banyak kelebihan berbanding reka bentuk yang telah disesuaikan sebelumnya, tetapi sebilangan pengguna mungkin menganggapnya kurang. Manual pengguna untuk peluasan ini merangkumi beberapa petua mengenai cara membuat perubahan lebih lanjut untuk memenuhi keperluan anda. Inilah cara mengubah keseluruhan tema dalam Tema Bahan:

  1. Buka menu cepat (Ctrl + Shift + P).
  2. Taipkan tema dalam arahan.
  3. Pilih Pilihan: Tema Warna.
  4. Pilih salah satu pratetap Tema Bahan.

Menetapkan warna aksen akan menjadikan bahagian kod muncul, yang dapat berguna jika garis diagnosis yang sangat penting atau menyusahkan. Untuk menetapkan warna aksen, gunakan langkah berikut:

  1. Buka menu cepat (Ctrl + Shift + P).
  2. Taipkan tema bahan pada arahan.
  3. Pilih Tema Bahan: Tetapkan warna aksen.
  4. Pilih warna yang anda suka dari senarai.

Dengan Tema Bahan yang diubah, anda boleh mendapatkan penyesuaian yang melebihi norma, dan kami akan menunjukkan caranya.

Cara Menyesuaikan Tema secara manual dalam VS Code

Kod VS memungkinkan penyesuaian jauh lebih banyak daripada hanya menukar antara beberapa pratetap. Berikut adalah dua cara untuk menyesuaikan tema mengikut keinginan anda.

Kaedah 1 - Muat turun Tema Tersuai

Apabila bercakap mengenai penyesuaian, kita tidak boleh pergi tanpa menyebut luasnya Pasar Kod VS . Terdapat pelbagai sambungan yang hanya mengubah penampilan VS Code tanpa mengganggu fungsinya. Inilah cara memuat turun tema.

  1. Buka Pasar Kod VS . Anda juga dapat menggunakan menu Extensions bersepadu di sebelah kiri layar.
  2. Taipkan tema di bar carian untuk melihat-lihat item yang menukar tema sahaja. Salah satu cadangan utama kami adalah Tema Bahan yang disebutkan di atas, tetapi kami pasti anda dapat menjumpainya yang paling sesuai dengan anda.
  3. Muat turun pelanjutan (jika menggunakan penyemak imbas) kemudian pasang fail .VSIX dengan pergi ke Ekstensi> ikon elipsis> Pasang dari VSIX. Sebagai alternatif, apabila anda menemui tema yang anda suka dalam VS Code, klik padanya, kemudian pilih butang Pasang pada menu perincian (kanan).
  4. Setelah tema dipasang dan diaktifkan, pilih dengan arahan Pilihan: Tema Warna.

Kaedah 2 - Menyunting Tema

Semua tema dan tetapan disimpan dalam VS Code menggunakan teks biasa. Ikuti langkah-langkah untuk mengakses tetapan ini dan buat perubahan yang anda inginkan:

  1. Buat fail tetapan kerja atau pengguna. Yang pertama hanya akan mengubah penampilan projek semasa, tetapi yang terakhir akan tetap berada di projek baru.
  2. Ketik Keutamaan: Buka arahan Tetapan di menu utama.
  3. Pilih tab di kiri atas untuk memilih antara tetapan pengguna dan meja kerja.
  4. Tekan pada Edit di settings.json untuk membuka fail yang mengandungi tetapan yang perlu anda ubah.
  5. Cari tetapan bernama workbench.colorCustomization.
  6. Fokus untuk mengubah tema yang anda mahukan dengan memasukkan

[Theme_name]: { }

Theme_name adalah nama tema yang ingin anda ubah. Simpan petikan.

  1. Perubahan lebih lanjut pada tema dibuat dalam tanda kurung baru. Ketikkan nama parameter yang ingin anda ubah (dalam tanda petik), ketik ':' kemudian pilih tetapan yang sesuai yang anda perlukan.
  2. Gunakan panduan ini untuk mencari parameter yang anda mahu ubah.
  3. Warna disimpan dalam kod heksadesimal. Gunakan a panduan perenambelasan warna untuk menentukan warna yang anda mahukan.
  4. Setelah selesai dengan perubahan, simpan fail.

Kaedah ini dapat digunakan untuk mengubah sebagian besar tampilan UI dan kod, termasuk warna tema dasar, latar belakang, penampilan terminal, warna butang, dan gaya font.

Sekiranya anda tertanya-tanya bagaimana menukar fon dalam kod VS, gunakan kaedah 2 yang dinyatakan di atas. Anda mungkin memerlukan panduan .

Soalan Lazim Tambahan

Di mana Tema Kod VS disimpan?

Tema yang berasal dari peluasan disimpan di folder sambungan VS Code. Lokasi ini ada di direktori pemasangan anda (contohnya C :) dan biasanya terdapat di sini:

~/.vscode/extensions

Di sini, ~ adalah direktori pemasangan untuk VS Code.

Tema asas disimpan dalam: Microsoft VS Code resources app extensions theme-defaults tema

Namun, anda tidak perlu meluangkan masa untuk mencari fail yang akan berubah. Mengubah tetapan pengguna melalui fail settings.json akan memberikan hasil yang lebih cepat.

Bagaimana saya menukar warna komen dalam kod VS?

Untuk menukar warna komen, buka fail settings.json (gunakan Kaedah 2 yang digariskan di atas), pilih tema yang ingin anda ubah, kemudian masukkan (dengan tanda kutip):

cara menyembunyikan mesej di messenger facebook

comments : #hexcode

Di sini, hexcode adalah kod untuk warna yang dikehendaki. Gunakan pemilih warna untuk memilih warna yang sesuai.

Apakah Tema Terbaik dalam Kod VS?

Tema VS Code terbaik adalah tema yang paling senang dan berguna untuk usaha pengaturcaraan anda. Pengguna yang berbeza boleh mempunyai pilihan warna dan tema yang berbeza. Syukurlah, ada banyak pilihan untuk dipilih, sama ada dalam tema pra-konfigurasi, muat turun pelanjutan, atau dalam kemampuan untuk menyesuaikan tema sesuai dengan keinginan anda.

Pilih Tema Anda

Dengan arahan ini, anda dapat menyesuaikan tema sepenuhnya seperti yang anda mahukan. Dengan banyak pilihannya, VS Code tetap menjadi salah satu penyunting teks yang paling popular, dan kemampuannya untuk mendapatkan ciri baru dengan sambungan menjadikannya sangat mirip dengan IDE.

Tema apa yang anda gunakan dalam VS Code? Adakah anda telah membuat perubahan pada tema pilihan anda? Beritahu kami di bahagian komen di bawah.

Artikel Yang Menarik

Pilihan Editor

Keperluan Keselamatan Microsoft Mencapai Akhir Sokongan Bersama Windows 7
Keperluan Keselamatan Microsoft Mencapai Akhir Sokongan Bersama Windows 7
Microsoft telah mendedahkan bahawa penyelesaian keselamatan perisian percuma mereka, Microsoft Security Essentials, tidak akan disokong lagi setelah 14 Januari 2020. Security Essentials, juga dikenal sebagai MSE, adalah aplikasi antivirus perisian percuma yang dibuat oleh Microsoft. Hari-hari ini ia disatukan dengan Windows 10 dan aplikasi 'Windows Security'. Versi Windows terdahulu seperti Windows 7 dan
Cara Mematikan Perihalan Audio pada TV Sony
Cara Mematikan Perihalan Audio pada TV Sony
Tiada yang lebih menjengkelkan daripada pulang ke rumah selepas penat bekerja, menghidupkan TV, untuk mendapati bahawa narator audio telah didayakan. Memang, ciri ini bagus untuk mereka yang cacat penglihatan. Tetapi untuk orang lain,
Microsoft Edge Chromium: Hapus Data Penyemakan Imbas di Keluar
Microsoft Edge Chromium: Hapus Data Penyemakan Imbas di Keluar
Microsoft Edge Chromium kini membolehkan membuang elemen sejarah penyemakan imbas individu setiap kali anda menutup penyemak imbas. Anda boleh mengkonfigurasinya dalam Tetapannya.
Tukar DPI Mesin Maya Hyper-V (Tahap Zum Skala Paparan)
Tukar DPI Mesin Maya Hyper-V (Tahap Zum Skala Paparan)
Inilah caranya anda dapat mengubah Zoom Level mesin maya di Hyper-V dan menetapkan skala display custom (DPI) pada Windows 10.
Dayakan Pemuatan Malas untuk Imej dan Iframe di Firefox
Dayakan Pemuatan Malas untuk Imej dan Iframe di Firefox
Cara Mengaktifkan Pemuatan Malas untuk Gambar dan Iframe di Firefox Satu ciri menarik akan datang ke Firefox, yang secara signifikan akan mengurangkan masa memuat halaman di penyemak imbas. Kemampuan asli untuk menangguhkan pemuatan gambar dan iframe sudah tiba di Firefox 75 versi Nightly. Kemudian pemuatan malas diaktifkan, penyemak imbas
Microsoft Mengemas kini Aplikasi Kedai Desktop Jauh Dengan Ciri Baru
Microsoft Mengemas kini Aplikasi Kedai Desktop Jauh Dengan Ciri Baru
Sebagai tambahan kepada aplikasi Desktop Jauh klasik (mstsc.exe), Windows 10 termasuk aplikasi moden, yang hanya dipanggil 'Aplikasi Jauh Microsoft' Ini adalah aplikasi UWP yang menerima kemas kini dari Kedai Microsoft. Beberapa hari yang lalu aplikasi ini menerima baik pulih ciri utama, membawa beberapa ciri berguna kepada pengguna akhir. Microsoft menerangkan mengenai
Apa itu Muat turun Digital Amazon?
Apa itu Muat turun Digital Amazon?
Sekiranya anda kelihatan cukup keras, anda boleh menemui apa sahaja yang anda mahukan di Amazon. Platform e-dagang terbesar di dunia menawarkan beratus-ratus juta produk dan dikira. Sebagai tambahan, Amazon terus berkembang dan menaklukkan yang baru