Не думаете ли вы, что сад - лучшее место для чтения книги в окружении природы и свежего воздуха. Количество покоя и удовольствия, которое он доставит, неизмеримо. Точно так же мы используем расширения для настройки нашей IDE, чтобы с ней было приятно работать. Поначалу это может показаться не таким важным, но работа в приятной обстановке может значительно повысить продуктивность.
Расширения - это надстройки, которые позволяют настраивать и улучшать работу с Visual Studio, добавляя новые функции или интегрируя существующие инструменты. Расширение может иметь все уровни сложности, но его основная цель - повысить вашу продуктивность и удовлетворить ваш рабочий процесс.
Я собираюсь разделить эти расширения на две категории:
- Функциональные расширения: они помогают делать что-то быстрее.
- Визуальные расширения: они помогают кодировать посредством визуального представления, цветов и форматов.
Функциональные расширения:
1. Автоматическое переименование тега
Если вы переименуете начальный тег, он автоматически переименует конечный тег или наоборот.
2. Живой сервер
Это позволяет нам сгенерировать сервер, и всякий раз, когда мы сохраняем наши файлы (HTML, CSS, Js и т. Д.), Он автоматически перезагружается, чтобы мы могли видеть изменения в реальном времени. Это ускоряет обнаружение ошибок и упрощает быстрые эксперименты с кодом.
3. CSS PEEK
Если вы ненавидите переключаться на файл CSS, чтобы проверить свойства, прикрепленные к классу или идентификатору, то это расширение для вас. Это позволяет нам заглянуть в определение CSS из самого файла HTML. Это очень полезно, когда у нас есть большой файл CSS. Когда мы нажимаем Ctrl и наводим курсор на класс, он автоматически смотрит на CSS, а когда мы щелкаем по нему, он напрямую переводит нас в файл CSS этого фактического класса.
4. Live Share
Live Share позволяет вам совместно редактировать и отлаживать с другими в режиме реального времени, независимо от того, какой язык программирования вы используете. Даже вы можете сотрудничать с людьми с разными IDE. Когда вы делитесь сеансом совместной работы, ваши товарищи по команде могут видеть контекст рабочей области в своем редакторе. Это означает, что ваши товарищи по команде могут читать код, которым вы поделились, без необходимости клонировать репо или устанавливать какие-либо зависимости, на которые опирается ваш код.
Визуальные расширения:
1. Материальная тема
Это расширение поможет вам придать вашему редактору совершенно уникальный вид. Это инструмент для создания тем, который придает цвет фона вашему редактору.
Стрелка указывает на некоторые из примеров тем.
2. Тема значка материала
Тема значков материалов предоставляет нам привлекательные значки и цвета для наших файлов и папок. Также можно добавить собственные значки, добавив путь к файлу SVG, который расположен относительно папки dist расширения.
3. Красивее
Он делает то, что говорит, делает ваш код красивее. Он форматирует код единообразно по всему документу. Принято считать, что наличие общего руководства по стилю полезно для проекта, но получение его - очень болезненный процесс.
Больше не беспокойтесь о форматировании !!
4. Bracket Pair Colorizer 2
Он раскрашивает скобки, круглые скобки и фигурные скобки, помогая вам распознавать разные классы, синхронизируя скобки одного цвета, а также соединяя их линиями. Пользователь может определить, каким токенам соответствовать и какие цвета использовать.
5. Отступ радуги
Indent Rainbow - это простое расширение, которое делает отступы более читабельными за счет раскрашивания каждого отступа табуляции.
6. Лучшие комментарии
Better Comments - это расширение Visual Studio, которое дает вам возможность настраивать шрифт и непрозрачность ваших комментариев независимо от настроек шрифта редактора.
Выделите дела, вопросы или важные заметки для других разработчиков.
Я надеюсь, что вы хотите использовать это замечательное расширение VS Code. Если вам понравилась эта статья и вы думаете, что другие тоже могут извлечь из нее пользу, не стесняйтесь делиться ею.
Удачного развития !! 😊
