Bagaimanakah Vscode mengubah suai skema warna editor__Kaedah Vscode untuk mengubah suai skema warna editor

Masalah dengan skema warna lalai editor VSCode? Editor PHP Youzi membawakan anda tutorial terperinci tentang pengubahsuaian warna, membimbing anda langkah demi langkah untuk mencipta antara muka editor yang diperibadikan. Daripada memahami tetapan warna hingga menyesuaikan skema warna, panduan ini akan memberi anda panduan yang komprehensif.

1 Pertama sekali, apa yang anda perlu lakukan ialah mengetahui jenis asas kod yang ingin anda ubah suai. Anda boleh mengalihkan kursor ke sekeping kod yang anda ingin tukar warna, seperti mengalihkan kursor ke rentetan.

2. Kemudian, jalankan arahan [Inspect TM Scopes] dalam panel arahan.

3 Pada masa ini, tetingkap terapung baharu muncul dalam editor. Apa yang dibentangkan dalam tetingkap ini ialah bahasa, jenis sintaks, warna semasa dan warna latar belakang yang sepadan dengan coretan kod semasa.

4 Contohnya, dalam gambar di atas, tetingkap ini memaparkan maklumat berikut:

Token semasa ialah helo, dan jenisnya ialah String.

Warnanya ialah #ce9178ff dan warna latar belakang ialah #1e1e1eff.

Skop sintaks yang dimilikinya dari dalam ke luar ialah string.quoted.double.js, meta.var.expr.js dan source.js.

5 Kemudian jika anda ingin menukar semua tali menjadi merah, maka anda perlu mengubah suai warna skop String. Seterusnya, anda boleh membuka tetapan peribadi (JSON) sekali lagi dan masukkan editor.tokenColorCustomizations.

6 Kemudian letakkan kursor ke dalam objek JSON ini, tekan [Ctrl + Space] untuk mencetuskan senarai cadangan, dan anda akan dapat melihat cadangan berikut.

7 Perkara pertama yang muncul dalam senarai cadangan ialah nama semua tema yang boleh anda gunakan dalam Kod VS. Dengan memilihnya, anda boleh mengatasi hanya warna tertentu dalam tema. Di sini anda boleh menatal senarai untuk melihat cadangan lain di bawah.

Anda boleh melihat pilihan berikut:

komen mewakili warna komen.

fungsi mewakili warna sejuk fungsi.

kata kunci mewakili warna kata kunci.

nombor mewakili warna nombor.

tali mewakili warna rentetan.

jenis mewakili warna jenis.

pembolehubah mewakili warna pembolehubah.

textMateRules Saya akan memperkenalkan mereka di bawah.

Untuk mengubah suai warna rentetan, anda hanya perlu memilih rentetan dan kemudian menukarnya kepada merah, iaitu:

"editor.tokenColorCustomizations": { "strings": "#FF0000", }

8 , Selepas akhirnya menyimpan tetapan, apabila anda kembali ke fail JavaScript sebentar tadi, anda dapat melihat bahawa warna rentetan telah berubah.

Atas ialah kandungan terperinci Bagaimanakah Vscode mengubah suai skema warna editor__Kaedah Vscode untuk mengubah suai skema warna editor. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!