VS кодуңузду ыңгайлаштыруу

Visual Studio Code
Настройка
Code Editor Темалар
VS кодуңузду ыңгайлаштыруу cover image

Киришүү

Visual Studio Code (VS Code) технология тармагындагы эң популярдуу код редакторлорунун бири, анткени ал күчтүү функцияларды жана жеңил дизайнды сунуштайт, бул аны дүйнө жүзү боюнча иштеп чыгуучулар үчүн тандалган код редакторуна айландырган. Анын популярдуулугун жарым-жартылай анын өзгөчөлөштүрүлүүчү көрүнүшү менен байланыштырса болот, бул бизге кооз жана көз жоосун алган коддоо мейкиндиктерин түзүүгө мүмкүндүк берет. Бул макалада биз сиздин артыкчылыктарыңызга, анын ичинде код редакторунун темаларына, сөлөкөт темаларына жана куралдар панелинин түсүн өзгөртүүгө каршы коддун көрүнүшүн кантип ыңгайлаштырууну карап чыгабыз.

Белги темалары

Visual Studio Code демейки иконалар жакшы болсо да, эмне үчүн сиз визуалдык майрам өткөрө турган болсоңуз, алар менен чектелиңиз? Сиз файл изилдөөчүңүздүн көрүнүшүн анын визуалдык жагымдуулугун жана колдонууга ыңгайлуулугун жакшырткан иконалар темалары менен өзгөртө аласыз.

Иштеп чыгуучулардын эң популярдуу тандоолорунун бири - бул Material Icon Theme кеңейтүүсү. Бул кеңейтүү менен файл изилдөөчүңүздө Google'дун Материалдык Дизайнынан үлгү алган түстүү жана жакшы уюштурулган иконалар жыйнагы болот. Файлдын ар бир түрүнүн өзүнүн өзгөчөлөнгөн жана дароо аныкталуучу сөлөкөтү бар, бул сиздин иш мейкиндигин жалпысынан жакшыраак кылат.

Material Icon Theme кеңейтүүсүн орнотуу үчүн төмөнкү кадамдарды аткарыңыз:

  1. Visual Studio Code ачыңыз.

  2. Терезенин сол жагындагы куралдар панелиндеги Кеңейтүүлөр сөлөкөтүн чыкылдатуу менен Кеңейтүүлөр көрүнүшүнө өтүңүз.

  3. "Материалдык сүрөтчө темасын" издеп, орнотууну басыңыз.

Орнотуудан кийин, төмөнкү сол бурчтагы тиштүү белгини чыкылдатып, Материалдык сүрөтчөнүн темасын тандоо үчүн "Файл сүрөтчөсүнүн темасын" тандаңыз.

Код редакторунун темалары

Эми файл изилдөөчүңүз жакшы көрүнөт, келгиле, код редакторунун өзүнө көңүл буралы. VS Code демейки жарык жана караңгы темалар сонун болгону менен, сиз бир аз жекелештирилген жана стилдүү нерсени кааласаңыз болот.

Тема катары жакшы варианттардын бири, айрыкча караңгыда кодду каалагандар үчүн, Night Owl темасынын кеңейтүүсү. Контраст жана окумдуулукту эске алуу менен түзүлгөн Night Owl узак коддоо сессияларында көздүн чыңалуусун жеңилдетүүгө жардам берген тынчтандыруучу түс схемасына ээ.

Night Owl темасынын кеңейтүүсүн орнотуу үчүн:

Кеңейтүүлөр көрүнүшүнө өтүңүз.

"Түнкү үкү" издеп, орнотууну басыңыз.

Орнотулгандан кийин, Темаңыз катары Night Owlди тандаңыз, Command Palette (Windows/Linux'та Ctrl+Shift+P, macOS'то Cmd+Shift+P), "Түс темасын" тандап, орнотулган темалардын тизмесинен Night Owl тандаңыз. код редакторуңузда.

Куралдар панелинин түсү

Эми код редакторуңуздун сырткы көрүнүшү жана сезими идеалдуу болгондуктан, келгиле, глазурьди үстүнө коюу үчүн куралдар панелинин түсүн ыңгайлаштыралы. Бул жерде павлин узартуу оюнга келет.

Peacock кеңейтүүсүнүн аркасында сиз код редакторуңуздун капталындагы куралдар панелинин түсүн өзгөртүү менен иш мейкиндигиңизди ыңгайлаштыра аласыз. Бул эстетикалык жактан гана жагымдуу эмес, бирок сизде VS кодунун бир нече нускасы ачык болсо, ал аларды айырмалоого жардам берет.

Peacock кеңейтүүсүн орнотуу үчүн:

  1. Кеңейтүүлөр көрүнүшүнө өтүңүз.

  2. "Peacock" издөө жана орнотуу чыкылдатуу.

Орнотулгандан кийин, сиз буйрук палитрасын ачып, "Павус: Түс киргизиңиз" дегенди издеп, андан кийин vs код куралдар панелиңизге орноткуңуз келген түстүн он алтылык маанисин коюп, куралдар панелинин түсүн ыңгайлаштыра аласыз.

Корутунду

Visual Studio кодун ыңгайлаштыруу жөн гана түстөрдү өзгөртүү эмес. Сиз ошондой эле стилиңизге дал келген жана өндүрүмдүүлүгүн арттырган коддоо чөйрөсүн түзүшүңүз керек. Андыктан сырткы көрүнүшүңүз боюнча фантазияңызды стимулдаштыруучу коддоо аймагын түзүүдөн тартынбаңыз, ошондой эле укмуштуудай VS кодексинин башка кооз өзгөчөлүктөрүн изилдеңиз. Бактылуу коддоо!


Career Services background pattern

Карьера кызматтары

Contact Section background image

байланышта бололу

Code Labs Academy © 2024 Бардык укуктар корголгон.