В прошлом видео я показывал как создавать бота в Telegram и создавался он в удобном IDE Visual Studio Code от Microsoft. Ниже я расскажу про данное IDE и про удобные расширения в его использование. Видео
IDE
Что же такое IDE?
IDE (Integrated Development Environment) или же Интегрированная Среда Разработки - различный комплекс программного обеспечения и средств, которые используют программисты для написания и создания различного программного обеспечения, игр, сайтов и так далее.
В IDE входит:
- Текстовый редактор для написания и редактирования кода;
- Компилятора – инструмента, позволяющего перевести текст, написанный на языке программирования, в набор машинных кодов;
- Отладчика - проверяющего код и устраняющего в нем ошибки;
- Средства автоматизации сборки кода, ускоряющих процесс разработки.
Существует множество IDE однако более подробно рассмотрим: Visual Studio Code
Visual Studio Code
IDE от Microsoft дает возможность разрабатывать как консольные приложения, так и ПО с поддержкой графического интерфейса для ПК и мобильных устройств. Подходит для специалистов, работающих с несколькими языками программирования. VS является мультиязычной средой, поддерживающей Python, PHP, JavaScript, JSON, HTML, C++, и другие. Тестировщики же могут проверять приложение на всех возможных устройствах и браузерах. С помощью дополнительных модулей есть возможность расширить возможности среды под конкретные задачи.
Преимущества:
- Постоянно расширяющийся магазин дополнений, предоставляющий надстройки для расширения возможностей взаимодействия с IDE;
- Возможности для командной работы: управление доступами к проекту, полностью настраиваемые параметры редактора;
- Поддерживает множество языков;
- Индивидуальная настройка рабочей панели.
Недостатки:
- Это достаточно тяжеловесная среда.
Расширения
Расширения - способ внести в IDE что - то новое, буквально позволяющее добавить, изменить, улучшить и так далее. Ниже представлен подборка лучших расширений по моему мнению и использованию!
Prettier
Форматер с очень небольшим количеством параметров конфигурации, что является удобством. По умолчанию он поддерживает несколько языков: JavaScript, JSX, Angular, Vue, Flow, TypeScript, CSS, Less, SCSS, HTML, JSON, GraphQL, Markdown и YAML. Он имеет архитектуру плагинов, расширяющую его до большего количества языков. (имеет 27 млн. скачиваний).
Rainbow Brackets
Подсвечивает текущий набор скобок, в котором вы находитесь, а для лучшего определения местоположения еще и расцвечивает прочие скобки в другие цвета. Это прекрасное расширение VS Code для JS-разработчиков.
Расширение устарело и весь функционал теперь встроен в VS Code
Indent Rainbow
Направляющие отступов – это вертикальные линии, обозначающие блоки вашего кода. Они помогают увидеть структуру кода. Расширение их раскрашивает, чередуя четыре разных цвета, каждый из которых зависит от отступа. (имеет 4,3 млн. скачиваний)
Better Comments
Cоздание более дружественных к человеку комментариев в вашем коде. В частности, оно позволяет делить комментарии на категории. Это могут быть уведомления, запросы, списки дел, примечания. Полезное расширение если работайте в команде. (4 млн. скачиваний)
Live Sass Compiler и Live Server
Первый компилириует/транспилирует ваши SASS/SCSS файлы в файлы CSS в режиме реального времени, с «живой» перезагрузкой браузера. Для этого и нужен Live Sass Compiler. (600 тыс. скачиваний)
Второй и лучший локальный сервер разработки с функцией живой перезагрузки для статических и динамических страниц. Пользуется популярность среди Веб - разработчиков.(29 млн. скачиваний)
Это была моя подборка расширений на 2022 год. Кто согласен или против жду обсуждения в комментариях!