Visual Studio Code - це один з найбільш популярних редакторів коду, розроблений корпорацією Microsoft. Він поширюється в безкоштовному доступі і підтримується всіма актуальними операційними системами: Windows, Linux і macOS. VS Code є звичайним текстовим редактором з можливістю підключення різних плагінів, що дає можливість працювати з різними мовами програмування для розробки будь-якого IT-продукту
Установка Visual Studio Code
1. Перейти на офіційний сайт і завантажити інсталяційний файл.
2. Запустити установник редактору коду на комп'ютер. У блоці «Виберіть додаткові завдання», рекомендовано відзначити два пункти, що дозволяють запускати файли через меню, що випадає - так можна швидко відкрити код в VS Code
Ліва панель управління включає в себе 5 основних вкладок:
- «Провідник»,
- «Пошук»,
- «Система управління версіями»,
- «Запуск коду»
- «Розширення».
Перша вкладка надає користувачеві можливість переглядати вміст проекту і швидко переміщатися всередині нього.
Друга вкладка - пошук. Використовується для знаходження слів в документі. Він також може бути запущений за допомогою комбінації клавіш «CTRL + SHIFT + F». Алгоритм використання досить простий - ввести назву в пошук і отримати результат.
Ще одна важлива вкладка, за допомогою якої з Visual Studio Code можна зробити функціональну утиліту, це «Розширення». У ній знаходяться всі плагіни розширень для всіх популярних інструментів, що використовують розробники.
Встановити плагіни можна у настроюваннях, викликавши їх клавіатурною комбінацією Ctrl+Shft+X і у полі "Пошуку розширень" ввести назви плагінів:
- Emmet
- Color Highlighter - Подсвічує HTML-кольори
- Debugger for Chrome - Інтеграція з відлагоджувачем Google Chrome або іншими відлагоджувачами, що підтримують його протокол
- Project Manager - Менеджер проєктів для VS Code
- Live Server - плагін, який вміє створювати локальний сервер і автоматично оновлює веб-сторінку при редагуванні.
- Auto Complete Tag: Auto Close Tab - вміє закривати теги не тільки в html, а й в багатьох інших мовах. Auto Rename Tag - змінює закриває елемент автоматично, якщо перейменувати відкриває.
- Image Preview - дозволяє швидко працювати з зображеннями в коді.
- Material Theme - найпопулярніша тема для редактора
- Prettier автоформатування коду, авто вирівнювання відступів в HTML, CSS, JS
- Material Icon Theme - гарні іконки