Visual Studio Code - редактор вихідного коду, що працює на багатьох популярних ОС. Вважається найкращим вибором для веб-розробників фронтенду. Зручний функціонал та інтерфейс дозволяють усім охочим за допомогою розширення vs code покращити роботу.
VS Code: краща десятка плагінів вже у нашій добірці.
VS code Icons
Незалежно від мови програмування, якою пише фахівець, даний плагін може бути корисним у використанні. Він прописує код іконок для кожного файлу, від чого жодна папка не загубиться і завжди буде зрозуміло, що до чого відноситься.
Цей плагін по суті візуалізує матеріали, з якими працює верстальник чи дизайнер. Ще одне подібне розширення з іконками файлів називається Material Icon Theme. Стильні зображення можна підібрати для кожної окремої категорії папок, що полегшує роботу з файлами.
Prettier
Кому в роботі з кодом не вистачає автоматизму, тоді на допомогу приходить плагін Prettier. Все форматування: відступи, абзаци, великі літери та інше вже автоматично виставляється в коді завдяки даному функціоналу.
Не всі плагіни visual studio можуть похвалитися автоматизацією процесу. А завдяки Prettier код після збереження залишається вірним і грамотно побудованим, навіть якщо програміст чогось не додивився.
Як з ним працювати:
- Встановити плагін;
- Відкрити налаштування у форматі коду JSON;
- Дописати рядок «editor.formatOnSave» та значення «true»;
- Перезапустити програму.
Live Server
Це розширення дає можливість створити свій особистий сервер. Тільки встановивши розширення можна запустити сервер для власного проекту без додаткових інструментів.
У коді файлу варто прописати “Open with Live Server” і він збережеться разом з усім наповненням на локальному сервері. Автоматичне перезавантаження не заважає розширенню залишати збережені файли.
Bracket Pair Colorizer
Цей плагін просто незамінний. Його суть – підсвічування фігурних дужок. Ця функція дуже зручна, оскільки різні дужки підсвічуються різними кольорами, а значить, що програміст не втратить дві взаємопов'язані дужки.
Плагін працює практично всіма мовами, крім Пайтона, але там і дужок немає.
Indent Rainbow
Розширення vscode на зразок цього і попереднього роблять програмування яскравішим і цікавішим. Дане розширення вже показує себе із самої назви – веселка.
Що дає розширення? Воно виділяє відступ у коді окремим кольором. Таке колірне оформлення не дасть заплутатися в жодному рядку.
GitLens
Vs code розширення бувають і моніторингової структури. Наприклад, GitLens призначений для роботи в Git для перегляду коментарів під час коригування коду та історії репозиторію.
Іншими словами, це візуалізація змін коду, яку можна побачити без пошуків і додаткових проблем. Відмінне полегшення роботи для програміста.
Peacock
Вчені довели, що коли людині подобається робота, то її і робити набагато простіше і спокійніше. Колірна гама оформлення робочого місця іноді навіть визначає налаштування робочої атмосфери.
Щось подібне роблять деякі плагіни visual studio, серед них і Peacock. У його завдання входить додати у роботу програміста різноманітність у вигляді кольорів для редактора. Завдяки йому можна змінити заднє тло та бічну панель робочого місця.
Faker
Visual studio плагіни можуть не тільки змінювати кольори та інші візуальні ефекти, але й генерувати, наприклад, імена чи інші змінні для тестування коду.
Звичайно, це можна зробити і самому, але зайнятій людині, яка має справи важливіші, не дуже хочеться витрачати свій час на придумування адреси або фейкового імені для тесту.
Замість людини це може робити машина, а точніше – плагін Faker.
Lorem ipsum
Якщо вам потрібно створити текст-заглушку, то на допомогу приходить цей плагін. Він «вигадає» відповідний текст, який закриє тему методом «риби» у доміно. Саме тому цей плагін ще називають "риба".
Це зручно, якщо немає часу на розумні висновки. І плагін із цим чудово справляється.
Better Comments
Коментарі в коді – це окрема тема, їх просто не видно. Виділяються коментарі у вже знайомій нам кольоровій гамі. Можна виділити їх за тематичними критеріями, а можна за терміновістю прочитання. У будь-якому випадку – це дуже зручно та яскраво.
Де можна цьому навчитися?
На курсах Front End у Комп'ютерній Академії STEP ми навчимо вас усьому, що може стати в нагоді для успішного старту кар'єри в IT. Розширення та vs code плагіни для html – це те, що допоможе вам бути крутим фахівцем та заощадити свій дорогоцінний час під час більш важливих завдань.
Зручність, яку пропонують плагіни vs code, складно переоцінити, але цьому треба вчитися і про це потрібно дізнаватись.
Перейдіть за посиланням та записуйтесь на консультацію. Тільки у нас ви можете дізнатися найкрутіші та найцікавіші лайфхаки, найактуальніші знання, отримати необхідні навички та вміння, які допоможуть стати високооплачуваним та затребуваним програмістом.