интернет

Как да промените темата във VS кода

Visual Studio Code превръща редактирането и писането на нов код в безпроблемно и забавно изживяване. Тъмната тема по подразбиране на VS Code е проектирана да бъде по -лесна за очите, отколкото обикновен суров, бял фон, който може да причини умора след дълги часове работа. Но какво, ако наистина не харесвате тъмните цветове на екрана, докато работите?

Как да промените темата във VS кода

Предимството на модулния дизайн на VS Code е, че имате огромна свобода да променяте оригиналната тъмна тема с много различни опции за персонализиране, които обхващат гамата от цвят на екрана, шрифтове и дори външния вид на самия интегриран терминал на VS Code.

Тази статия ще ви разкаже всичко, което трябва да знаете за промяната на темите във VS Code.

Как да промените темата във VS кода

Промяната на общата тема във VS Code е бърза и лесна. Ето какво трябва да направите:

  1. Отворете VS код.

  2. Изберете „Файл“ („Код“ на macOS), изберете „Предпочитания“, след което изберете „Цветна тема“.

  3. VS Code ще ви покаже селекция от предварително изградени теми, от които да избирате в падащо меню.

  4. Използвайте клавишите на курсора, за да визуализирате как всяка тема изглежда директно на екрана.

  5. Натиснете „Enter“, докато избирате, за да изберете тази тема, която да използвате.

Промяната на темата на друга предварително конфигурирана може да е първото нещо, което правите, когато отворите VS Code за първи път. Кодирането може да отнеме много време, така че е полезно да използвате тема, която ви харесва и която не наранява очите ви по време на работа.

Как да промените терминалната си тема във VS кода

Ако искате да се придържате към няколко предварително конфигурирани опции за цвета и темата на терминала, процесът е същият като промяната на общата тема. Всички интегрирани теми включват опции за промяна на външния вид на терминала, но не можете да го отделите от другите части на самата тема от главното меню.

Преди да използвате гореспоменатите стъпки за промяна на темата, отворете терминалната конзола (Ctrl + Shift + P), за да визуализирате промените, направени в терминала. Някои теми не правят никакви промени в терминала, докато други могат да го променят драстично. В допълнение, използването на тема, която харесвате само умерено, също не е добре, тъй като може да се окажете, че използвате терминала повече, отколкото първоначално си мислехте.

Има обаче няколко заобиколни решения, които ще ви позволят да промените темата на терминала, която ще разгледаме в долните раздели.

Как да промените темата на материала във VS кода

Основната характеристика на VS Code е изобилието от вълнуващи разширения, за да персонализирате вашето кодиране и да внесете повече функции в текстовия редактор. Едно от тези разширения е Material Theme, едно от най -популярните по рода си на VS Code Marketplace.

Материалната тема има много предимства пред предварително персонализираните дизайни, но някои потребители може да открият, че липсва. Ръководството за потребителя за това разширение включва няколко съвета как да направите допълнителни промени, които да отговарят на вашите нужди. Ето как да промените общата тема в материалната тема:

  1. Отворете бързото меню (Ctrl + Shift + P).

  2. Въведете „тема“ в подканата.

  3. Изберете „Предпочитания: Цветна тема“.

  4. Изберете една от предварително зададените материални теми.

Задаването на акцентен цвят ще направи част от кода изскачащ, което може да бъде полезно, ако това е особено важна или обезпокоителна линия за диагностициране. За да зададете цвят на акцент, използвайте следните стъпки:

  1. Отворете бързото меню (Ctrl + Shift + P).

  2. Въведете „материална тема“ в подканата.

  3. Изберете „Тема на материала: Задайте цвят на акцента“.

  4. Изберете цвета, който харесвате от списъка.

С променена материална тема можете да получите персонализиране, което е над нормата, и ние ще ви покажем как.

Как да персонализирате ръчно тема в VS Code

VS Code позволява много повече персонализиране, отколкото просто промяна между няколко предварително зададени настройки. Ето два начина да персонализирате темата според вашите предпочитания.

Метод 1 - Изтеглете персонализирана тема

Когато говорим за персонализиране, няма как да не споменем обширния VS Code Marketplace. Съществуват различни разширения, които променят единствено външния вид на VS Code, без да пречат на неговата функционалност. Ето как да изтеглите тема.

  1. Отворете VS Code Marketplace. Можете също да използвате интегрираното меню „Разширения“ вляво на екрана.

  2. Въведете „тема“ в лентата за търсене, за да разглеждате само тези елементи, които променят темата. Една от най -добрите ни препоръки е материалната тема, спомената по -горе, но сме сигурни, че можете да намерите такава, която ви подхожда най -добре.

  3. Изтеглете разширението (ако използвате браузър), след това инсталирайте .VSIX файла, като отидете на „Разширения> икона на елипса> Инсталиране от VSIX“. Като алтернатива, когато намерите темата, която харесвате във VS Code, щракнете върху нея, след което изберете бутона „Инсталиране“ в менюто с подробности (вдясно).

  4. След като темата е инсталирана и активирана, изберете я с командата „Предпочитания: Цветна тема“.

Метод 2 - Редактиране на темата

Всички теми и настройки се съхраняват във VS Code с помощта на обикновен текст. Следвайте стъпките за достъп до тези настройки и направете промените, които искате:

  1. Създайте работен плот или файл с потребителски настройки. Първият ще промени само външния вид на настоящия проект, но вторият ще остане в новите проекти.
  2. Въведете командата „Предпочитания: Отворете настройките“ в главното меню.

  3. Изберете раздела в горния ляв ъгъл, за да изберете между настройките на потребителя и работната маса.

  4. Натиснете „Редактиране в settings.json“, за да отворите файла, който съдържа настройките, които трябва да промените.

  5. Намерете настройката, наречена „workbench.colorCustomizations“.

  6. Съсредоточете се върху промяна на желаната от вас тема, като поставите

„[Име_на тема]”: {}

Името на темата е името на темата, която искате да промените. Запазете кавичките.

  1. Допълнителни промени в темата са направени в новите скоби. Въведете името на параметъра, който искате да промените (в кавички), въведете ‘:’, след което изберете подходящата настройка, от която се нуждаете.
  2. Използвайте това ръководство, за да намерите параметрите, които искате да промените.
  3. Цветовете се съхраняват в шестнадесетичен код. Използвайте цветен шестнадесетичен водач, за да определите желания от вас цвят.

  4. Когато приключите с промените, запазете файла.

Този метод може да се използва за промяна на по -голямата част от потребителския интерфейс и външния вид на кода, включително основния цвят на темата, фона, външния вид на терминала, цветовете на бутоните и стиловете на шрифта.

Ако се чудите как да промените шрифта във VS кода, използвайте метода 2, описан по -горе. Вероятно ще ви трябва ръководство за шрифтове.

Допълнителни често задавани въпроси

Къде се съхраняват темите с VS код?

Темите, които идват от разширения, се съхраняват в папката с разширения на VS Code. Това местоположение е във вашата инсталационна директория (например C :) и обикновено може да се намери тук:

~/.vscode/разширения

Тук „~“ е директорията за инсталиране на VS Code.

Базовите теми се съхраняват в: Microsoft VS Code \ resources \ app \ extensions \ theme-defaults \ themes

Не е нужно обаче да губите време в търсене на файлове за промяна. Промяната на потребителските настройки чрез файла „settings.json“ ще даде много по -бързи резултати.

Как да променя цвета на коментара във VS кода?

За да промените цветовете на коментарите, отворете файла „settings.json“ (използвайте „Метод 2“, описан по -горе), изберете темата, която искате да промените, след което въведете (с кавички):

„Коментари“: „#шестнадесетичен код“

Тук „шестнадесетичен код“ е кодът за желания цвят. Използвайте инструмент за избор на цвят, за да изберете подходящ цвят.

Коя е най -добрата тема във VS Code?

Най -добрата тема за VS Code е тази, която намирате за най -приятна и полезна за вашите усилия по програмиране. Различните потребители могат да имат различни предпочитания за цвят и тема. За щастие, има много възможности за избор, независимо дали в предварително конфигурираните теми, изтегляния на разширения или във възможността да персонализирате тема точно по ваш вкус.

Изберете вашата тема

С тези инструкции можете напълно да персонализирате тема, както искате. С богатството си от възможности VS Code остава един от най -популярните текстови редактори, а способността му да придобива нови функции с разширения го прави много подобен на IDE.

Какви теми използвате във VS Code? Направихте ли промени в предпочитаната от вас тема? Кажете ни в секцията за коментари по -долу.