Вступ
Visual Studio Code (VS Code) є одним із найпопулярніших редакторів коду в індустрії технологій, оскільки він пропонує надійні функції та легкий дизайн, які зробили його улюбленим редактором коду для розробників у всьому світі. Його популярність частково пояснюється зовнішнім виглядом, який можна налаштувати, що дозволяє нам створювати вигадливі та привабливі простори кодування. У цій статті ми розглянемо, як налаштувати зовнішній вигляд вашого коду відповідно до ваших уподобань, включаючи теми редактора коду, теми значків і зміни кольору панелі інструментів.
Теми значків
Незважаючи на те, що піктограми за замовчуванням у Visual Studio Code підходять, навіщо обмежуватися ними, коли можна влаштувати візуальне свято? Ви можете змінити зовнішній вигляд свого файлового провідника за допомогою тем значків, які покращують його візуальну привабливість і зручність використання.
Одним із найпопулярніших варіантів серед розробників є розширення Material Icon Theme. Завдяки цьому розширенню ваш файловий провідник матиме барвисту та добре організовану колекцію піктограм, створених за моделлю Google Material Design. Кожен тип файлу має власну відмітну піктограму, яка миттєво впізнається, завдяки чому ваше робоче середовище виглядає краще.
Щоб установити розширення Material Icon Theme, виконайте такі дії:
-
Відкрийте Visual Studio Code.
-
Перейдіть до перегляду розширень, клацнувши піктограму розширень на панелі інструментів у лівій частині вікна.
-
Знайдіть «Тема значків матеріалу» та натисніть «Установити».
Після встановлення клацніть значок шестірні в нижньому лівому куті та виберіть «Тема значка файлу», щоб вибрати тему значка матеріалу.
Теми редактора коду
Тепер, коли ваш файловий провідник виглядає добре, давайте зосередимося на самому редакторі коду. Хоча стандартні світлі та темні теми VS Code чудові, бувають випадки, коли вам хотілося б чогось трохи більш персоналізованого та стильного.
Одним із хороших варіантів теми, особливо для тих, хто віддає перевагу програмуванню в темряві, є розширення теми Night Owl. Night Owl, який було створено з урахуванням контрасту та зручності читання, має заспокійливу колірну схему, яка допомагає зняти напругу очей під час тривалих сеансів кодування.
Щоб установити розширення теми Night Owl:
Перейдіть до перегляду розширень.
Знайдіть "Night Owl" і натисніть "Установити".
Після встановлення виберіть Night Owl як тему, відкривши панель команд (Ctrl+Shift+P у Windows/Linux, Cmd+Shift+P у macOS), вибравши «Колірова тема» та вибравши Night Owl зі списку встановлених тем у вашому редакторі коду.
Колір панелі інструментів
Тепер, коли зовнішній вигляд і відчуття вашого редактора коду ідеальні, давайте налаштуємо колір панелі інструментів, щоб додати глазурі на вершину. Ось де грає розширення павича.
Завдяки розширенню Peacock ви можете налаштувати свій робочий простір, змінивши колір панелі інструментів збоку від редактора коду. Це не тільки естетично приємно, але якщо у вас відкрито кілька екземплярів VS Code, це також може допомогти вам розрізнити їх.
Щоб установити розширення Peacock:
-
Перейдіть до перегляду розширень.
-
Знайдіть "Peacock" і натисніть "Установити".
Після встановлення ви можете налаштувати колір панелі інструментів, відкривши палітру команд, знайшовши «Павич: введіть колір», а потім вказавши шістнадцяткове значення кольору, який ви хочете встановити для панелі інструментів vs code.
Висновок
Налаштування коду Visual Studio — це більше, ніж просто зміна кольорів. Вам також потрібно створити середовище кодування, яке відповідає вашому стилю та підвищує продуктивність. Тож сміливо грайте та створюйте область кодування, яка стимулює вашу уяву щодо зовнішнього вигляду, а також вивчає інші фантастичні функції дивовижного VS Code. Щасливого кодування!
