Kā mainīt motīvu VS kodā

Visual Studio Code pārvērš rediģēšanu un jauna koda rakstīšanu par jautru pieredzi bez problēmām. VS Code noklusējuma tumšais motīvs tika izveidots tā, lai tas būtu vieglāk acīm nekā parasts skarbs, balts fons, kas var izraisīt nogurumu pēc ilgām darba stundām. Bet ko darīt, ja darba laikā jums nepatīk ekrāna tumšās krāsas?

Kā mainīt motīvu VS kodā

VS Code modulārā dizaina priekšrocība ir tā, ka jums ir milzīga brīvība mainīt sākotnējo tumšo motīvu ar daudzām dažādām pielāgošanas opcijām, kas aptver ekrāna krāsu gammu, fontus un pat paša VS Code integrētā termināļa izskatu.

Šajā rakstā tiks parādīts viss, kas jums jāzina par motīvu maiņu programmā VS Code.

Kā mainīt motīvu VS kodā

VS Code vispārējās tēmas maiņa ir ātra un vienkārša. Lūk, kas jums jādara:

  1. Atveriet VS kodu.

  2. Atlasiet “File” (“Kods” operētājsistēmā macOS), atlasiet “Preferences” un pēc tam izvēlieties “Color Theme”.

  3. VS Code nolaižamajā izvēlnē parādīs iepriekš izveidotu motīvu izlasi, no kuriem izvēlēties.

  4. Izmantojiet kursora taustiņus, lai priekšskatītu, kā katrs motīvs izskatās tieši ekrānā.

  5. Atlasot, nospiediet taustiņu Enter, lai izvēlētos izmantojamo motīvu.

Motīva maiņa uz citu iepriekš konfigurētu var būt pirmā lieta, ko darāt, pirmo reizi atverot VS Code. Kodēšana var aizņemt daudz laika, tāpēc ir lietderīgi izmantot motīvu, kas jums patīk un kas darba laikā nekaitē acīm.

Kā mainīt termināļa motīvu VS kodā

Ja vēlaties pieturēties pie vairākām iepriekš konfigurētām termināļa krāsas un motīva opcijām, process ir tāds pats kā vispārējās tēmas maiņa. Visās integrētajās motīvos ir iekļautas iespējas mainīt termināļa izskatu, taču galvenajā izvēlnē to nevar atdalīt no citām motīva daļām.

Pirms veicat iepriekš minētās darbības, lai mainītu motīvu, atveriet termināļa konsoli (Ctrl + Shift + P), lai priekšskatītu terminālī veiktās izmaiņas. Dažas tēmas neveic nekādas izmaiņas terminālī, savukārt citas var to krasi mainīt. Turklāt arī motīvu, kas jums patīk tikai mēreni, izmantošana nav laba, jo jūs varat izmantot termināli vairāk, nekā sākotnēji domājāt.

Tomēr ir daži risinājumi, kas ļaus jums mainīt termināļa motīvu, un mēs to apskatīsim tālāk esošajās sadaļās.

Kā mainīt materiāla motīvu VS kodā

VS Code galvenā iezīme ir aizraujošu paplašinājumu pārpilnība, lai pielāgotu jūsu kodēšanas pieredzi un nodrošinātu teksta redaktoram vairāk funkcionalitātes. Viens no šādiem paplašinājumiem ir Material Theme, kas ir viens no populārākajiem šāda veida paplašinājumiem VS Code Marketplace.

Materiāla motīvam ir daudz priekšrocību salīdzinājumā ar iepriekš pielāgotiem dizainiem, taču dažiem lietotājiem tā var pietrūkt. Šī paplašinājuma lietotāja rokasgrāmatā ir iekļauti daži padomi, kā veikt turpmākas izmaiņas atbilstoši savām vajadzībām. Tālāk ir norādīts, kā mainīt Materiāla tēmas vispārējo motīvu.

  1. Atveriet ātro izvēlni (Ctrl + Shift + P).

  2. Uzvednē ierakstiet “motīvu”.

  3. Izvēlieties "Preferences: Color Theme".

  4. Atlasiet vienu no materiāla tēmas iepriekš iestatītajiem iestatījumiem.

Iestatot akcenta krāsu, daļa no koda tiks parādīta, un tas var būt noderīgi, ja tā ir īpaši svarīga vai apgrūtinoša diagnozes līnija. Lai iestatītu akcenta krāsu, veiciet šādas darbības:

  1. Atveriet ātro izvēlni (Ctrl + Shift + P).

  2. Uzvednē ierakstiet “materiāla tēma”.

  3. Izvēlieties “Materiāla tēma: iestatīt akcenta krāsu”.

  4. Izvēlieties no saraksta sev tīkamo krāsu.

Izmantojot mainītu materiāla motīvu, varat iegūt pielāgošanu, kas pārsniedz normu, un mēs jums parādīsim, kā to izdarīt.

Kā manuāli pielāgot motīvu VS kodā

VS kods ļauj veikt daudz vairāk pielāgošanas, nekā vienkārši mainīt dažus sākotnējos iestatījumus. Šeit ir divi veidi, kā pielāgot motīvu atbilstoši savām vēlmēm.

1. metode — lejupielādējiet pielāgotu motīvu

Runājot par pielāgošanu, mēs nevaram pieminēt plašo VS Code Marketplace. Pastāv dažādi paplašinājumi, kas maina tikai VS koda izskatu, netraucējot tā funkcionalitāti. Lūk, kā lejupielādēt motīvu.

  1. Atveriet VS Code Marketplace. Varat arī izmantot integrēto izvēlni “Paplašinājumi” ekrāna kreisajā pusē.

  2. Meklēšanas joslā ierakstiet “tēma”, lai pārlūkotu tikai tos vienumus, kas maina motīvu. Viens no mūsu labākajiem ieteikumiem ir iepriekš minētā materiāla tēma, taču mēs esam pārliecināti, ka varat atrast sev piemērotāko.

  3. Lejupielādējiet paplašinājumu (ja izmantojat pārlūkprogrammu), pēc tam instalējiet .VSIX failu, atverot sadaļu “Paplašinājumi > elipses ikona > Instalēt no VSIX”. Alternatīvi, kad VS Code atrodat motīvu, kas jums patīk, noklikšķiniet uz tā un pēc tam detalizētās informācijas izvēlnē (labajā) atlasiet pogu Instalēt.

  4. Kad motīvs ir instalēts un iespējots, atlasiet to ar komandu Preferences: Color Theme.

2. metode – motīva rediģēšana

Visi motīvi un iestatījumi tiek saglabāti VS kodā, izmantojot vienkāršu tekstu. Lai piekļūtu šiem iestatījumiem un veiktu vajadzīgās izmaiņas, veiciet tālāk norādītās darbības.

  1. Izveidojiet darbgalda vai lietotāja iestatījumu failu. Pirmais mainīs tikai pašreizējā projekta izskatu, bet otrais paliks jaunos projektos.
  2. Galvenajā izvēlnē ierakstiet komandu “Preferences: Open Settings”.

  3. Atlasiet cilni augšējā kreisajā stūrī, lai izvēlētos lietotāja vai darbgalda iestatījumus.

  4. Nospiediet “Edit in settings.json”, lai atvērtu failu, kurā ir iestatījumi, kas jāmaina.

  5. Atrodiet iestatījumu ar nosaukumu “workbench.colorCustomizations”.

  6. Koncentrējieties uz vēlamā motīva maiņu, ievietojot to

“[Theme_name]”: { }

Theme_name ir tās motīva nosaukums, kuru vēlaties mainīt. Saglabā pēdiņas.

  1. Papildu motīva izmaiņas tiek veiktas jaunajās iekavās. Ierakstiet tā parametra nosaukumu, kuru vēlaties mainīt (pēdiņās), ierakstiet “:”, pēc tam izvēlieties atbilstošo iestatījumu.
  2. Izmantojiet šo rokasgrāmatu, lai atrastu parametrus, kurus vēlaties mainīt.
  3. Krāsas tiek saglabātas heksadecimālajā kodā. Izmantojiet krāsu heksadecimālo ceļvedi, lai precīzi noteiktu vajadzīgo krāsu.

  4. Kad esat pabeidzis izmaiņas, saglabājiet failu.

Šo metodi var izmantot, lai mainītu lielāko daļu lietotāja interfeisa un koda izskatu, tostarp pamata motīva krāsu, fonu, termināļa izskatu, pogu krāsas un fontu stilus.

Ja vēlaties uzzināt, kā mainīt fontu VS kodā, izmantojiet iepriekš aprakstīto 2. metodi. Jums, iespējams, būs nepieciešama fontu rokasgrāmata.

Papildu bieži uzdotie jautājumi

Kur tiek glabāti VS koda motīvi?

Motīvi, kas nāk no paplašinājumiem, tiek glabāti VS Code paplašinājumu mapē. Šī vieta atrodas jūsu instalācijas direktorijā (piemēram, C:), un to parasti var atrast šeit:

~/.vscode/extensions

Šeit “~” ir VS koda instalēšanas direktorijs.

Pamata motīvi tiek glabāti mapē: Microsoft VS Code\resources\app\extensions\theme-defaults\themes

Tomēr jums nav jātērē laiks, meklējot maināmos failus. Mainot lietotāja iestatījumus, izmantojot failu “settings.json”, tiks nodrošināti daudz ātrāki rezultāti.

Kā mainīt komentāra krāsu VS kodā?

Lai mainītu komentāru krāsas, atveriet failu “settings.json” (izmantojiet iepriekš aprakstīto “2. metodi”), atlasiet motīvu, kuru vēlaties mainīt, un pēc tam ievadiet (ar pēdiņām):

"komentāri" : "#hexcode"

Šeit “heksakods” ir vēlamās krāsas kods. Izmantojiet krāsu atlasītāju, lai izvēlētos piemērotu krāsu.

Kāda ir labākā VS Code tēma?

Labākā VS Code tēma ir tā, kas jums šķiet vispatīkamākā un noderīgākā jūsu programmēšanas centieniem. Dažādiem lietotājiem var būt atšķirīgas krāsu un motīvu preferences. Par laimi, ir daudz iespēju, no kurām izvēlēties gan iepriekš konfigurētos motīvus, gan paplašinājumu lejupielādes, gan iespēju pielāgot motīvu tieši pēc jūsu vēlmēm.

Izvēlieties savu motīvu

Izmantojot šos norādījumus, varat pilnībā pielāgot motīvu, kā vēlaties. Pateicoties daudzajām iespējām, VS Code joprojām ir viens no populārākajiem teksta redaktoriem, un tā spēja iegūt jaunas funkcijas ar paplašinājumiem padara to ļoti līdzīgu IDE.

Kādas tēmas jūs izmantojat programmā VS Code? Vai esat veicis kādas izmaiņas izvēlētajā tēmā? Paziņojiet mums tālāk komentāru sadaļā.