Настройка вашага кода VS

Код Visual Studio
налада
тэмы рэдактара кода
Настройка вашага кода VS cover image

Уводзіны

Visual Studio Code (VS Code) з'яўляецца адным з самых папулярных рэдактараў кода ў тэхналагічнай індустрыі, паколькі ён прапануе надзейныя функцыі і лёгкі дызайн, якія зрабілі яго рэдактарам кода для распрацоўшчыкаў ва ўсім свеце. Яго папулярнасць збольшага тлумачыцца яго наладжвальным знешнім выглядам, які дазваляе нам ствараць мудрагелістыя і прывабныя прасторы для кадавання. У гэтым артыкуле мы вывучым, як наладзіць знешні выгляд вашага кода ў адпаведнасці з вашымі перавагамі, уключаючы тэмы рэдактара кода, тэмы значкоў і змены колеру панэлі інструментаў.

Тэмы значкоў

Нягледзячы на ​​тое, што стандартныя значкі Visual Studio Code падыходзяць, навошта абмяжоўвацца імі, калі можна зладзіць візуальнае свята? Вы можаце змяніць знешні выгляд вашага правадыра файлаў з дапамогай тэм значкоў, якія паляпшаюць яго візуальную прывабнасць і зручнасць выкарыстання.

Адным з самых папулярных выбараў сярод распрацоўшчыкаў з'яўляецца пашырэнне Material Icon Theme. З дапамогай гэтага пашырэння ваш аглядальнік файлаў будзе мець маляўнічую і добра арганізаваную калекцыю значкоў, створаных паводле матэрыяльнага дызайну Google. Кожны тып файла мае свой адметны значок, які імгненна ідэнтыфікуецца, дзякуючы чаму ваша працоўная прастора выглядае лепш у цэлым.

Каб усталяваць пашырэнне Material Icon Theme, выканайце наступныя дзеянні:

  1. Адкрыйце код Visual Studio.

  2. Перайдзіце да прагляду пашырэнняў, націснуўшы на значок пашырэнняў на панэлі інструментаў у левай частцы акна.

  3. Знайдзіце «Тэма значка матэрыялу» і націсніце «Усталяваць».

Пасля ўстаноўкі націсніце на значок шасцярэнькі ў левым ніжнім куце і выберыце «Тэма значка файла», каб выбраць тэму значка матэрыялу.

Тэмы рэдактара кода

Цяпер, калі ваш аглядальнік файлаў выглядае добра, давайце засяродзімся на самім рэдактары кода. Нягледзячы на ​​​​тое, што стандартныя светлыя і цёмныя тэмы 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:

  1. Перайдзіце да прагляду пашырэнняў.

  2. Знайдзіце "Peacock" і націсніце "Усталяваць".

Пасля ўсталёўкі вы можаце наладзіць колер панэлі інструментаў, адкрыўшы палітру каманд, знайдучы «Паўлін: увядзіце колер», а затым увядзіце шаснаццатковае значэнне колеру, які вы хочаце ўсталяваць для сваёй панэлі інструментаў vs code.

Выснова

Настройка кода Visual Studio - гэта больш, чым проста змяненне колераў. Вам таксама трэба стварыць асяроддзе кадавання, якое адпавядае вашаму стылю і павялічвае прадукцыйнасць. Так што не саромейцеся гуляць і ствараць вобласць кадавання, якая стымулюе ваша ўяўленне з пункту гледжання знешняга выгляду, а таксама вывучэння іншых мудрагелістых функцый дзіўнага VS Code. Шчаслівага кадавання!


Хутчэй адсочвайце свае навыкі – Навучыцеся кадзіраваць у Інтэрнэце з Code Labs Academy.


Career Services background pattern

Кар'ерныя паслугі

Contact Section background image

Давайце заставацца на сувязі

Code Labs Academy © 2024 Усе правы абароненыя.