Visual Studio Code (VS Code) на сегодняшний день является одним из самых популярных инструментов для написания и редактирования кода. VS Code - это бесплатный редактор исходного кода, созданный Microsoft для Windows, Linux и macOS. Самое замечательное в этой программе то, что она предоставляет различные инструменты, чтобы убедиться, что ваш код соответствует требованиям. VS Code имеет отладчик, подсветку синтаксиса, интеллектуальное завершение кода, фрагменты, рефакторинг кода и встроенный Git - это лишь некоторые из его возможностей. VS Code поддерживает следующие языки: JavaScript, TypeScript, JSON, CSS и HTML. Когда дело доходит до работы с кодом, VS Code не должно вызывать затруднений. Сегодня я собираюсь поговорить о 10 лучших расширениях, которые необходимо иметь, чтобы облегчить процесс программирования.
1. Раскраска пара скобок
Это отличное расширение. Раскраска Bracket Pair помогает упорядочить ваш код. Это расширение позволяет идентифицировать совпадающие скобки по цвету. Пользователь может определить, какие символы использовать и какие цвета использовать. Это здорово, чтобы помочь вам отладить и понять, где у вас может быть опечатка или отсутствуют закрывающие / открывающие скобки, намеренно и легко для понимания. Это позволяет вам меньше сосредотачиваться на отладке и больше сосредоточиться на продвижении вашего кода.
2. Красивее
Это расширение - один из моих любимых инструментов в VS Code. Prettier - самоуверенный разработчик кода. Он обеспечивает согласованный стиль, анализируя ваш код и повторно распечатывая его со своими собственными правилами, которые учитывают максимальную длину строки, при необходимости упаковывая код. Расширение Prettier поддерживает следующие языки: JavaScript, TypeSccript, Flow, JSX, JSON, CSS, SCSS, Less, HTML, Vue, Angular, GraphQL, Markdown и YAML.
3. Открыть в браузере
Это расширение - простой, но удобный инструмент. Этот инструмент позволяет открывать HTML в вашем браузере. Обычно без этого расширения вам приходится вручную вводить URL-адрес. Чем чаще вам придется это делать, тем больше это может стать излишним. С помощью этого расширения вы можете щелкнуть правой кнопкой мыши свой HTML-файл, и теперь вы можете выбрать вариант открытия в браузере. Вы также можете использовать ALT + B как ярлык, чтобы открыть его в браузере по умолчанию, или вы можете использовать Shift + ALT + B, чтобы выбрать конкретный браузер. Это обязательное расширение.
4. Индент-радуга
Indent Rainbow - отличное расширение, если вы чувствуете себя потерянным в грязном / WET-коде. Это расширение раскрашивает отступ перед вашим текстом, чередуя разные цвета на каждом шаге. Кому-то это может пригодиться при написании кода для Nim или python. Он использует текущий размер вкладки окна редактора и может обрабатывать смешанные табуляции и пробелы, но это не рекомендуется. кроме того, он визуально отмечает строки, в которых отступ не кратен размеру табуляции. Это должно помочь найти проблемы с отступом в некоторых ситуациях.
5. Live Share
Live Share - одно из самых распространенных расширений, которые я использовал в процессе написания кода. Live Share позволяет вашей команде быстро работать над одной и той же кодовой базой без необходимости синхронизации. кодировать или настраивать те же инструменты разработки, настройки или среду. Команда может видеть контекст рабочей области в своем редакторе. Это означает, что ваша команда может читать код, которым вы поделились, без необходимости клонировать репо или устанавливать какие-либо зависимости, от которых зависит ваш код. Если вы работаете в команде / группе, это должен быть ваш инструмент для совместной работы.
6. Проверка орфографии кода
Иногда самые простые расширения могут оказать наибольшее влияние. Проверка орфографии - это базовая программа проверки орфографии, которая хорошо работает с кодом camelCased. Основная цель этого средства проверки правописания - помочь выявить распространенные орфографические ошибки, сохраняя при этом низкое количество ложных срабатываний. Это отлично подходит для программистов, которые не используют английский в качестве основного.
7. Живой сервер
Это расширение отлично подходит для просмотра того, как ваш проект выглядит на реальном веб-сервере. Есть много способов запустить проект, но с этим расширением вы можете просто щелкнуть правой кнопкой мыши и запустить его с помощью Live Server. Это устраняет необходимость ограничиваться открытием вашего сервера в терминале компьютера или терминале VS Code.
8. Автозаполнение пути
Нет ничего более раздражающего, если вам нужно сослаться на другой компонент и забыть, откуда вы импортируете свои данные. Как программист, я уверен, что вы знаете, что существует множество различных компонентов, на которые вы должны ссылаться, чтобы ваше приложение работало должным образом. Автозаполнение пути обеспечивает завершение пути для кода видеостудии. Когда вы щелкаете код относительно пути, открывается раскрывающееся меню со списком различных путей, которые вы можете выбрать, чтобы вам было намного проще заставить ваш код работать должным образом. Попробуй!
9. Отладчик для Chrome
Надеюсь, все используют хром в качестве веб-браузера по умолчанию. VS Code Debugger для Chrome - отличный инструмент для отладки проектов, которые могут находиться на сервере. У вас не только есть возможность отлаживать код vs, но с этим расширением вы также можете выполнять отладку в консоли Chrome. Это просто еще один инструмент, позволяющий сохранить четкость вашего кода.
10. Размер файла
Большой объем кода может увеличиваться в размере. Этот пакет предназначен для использования с редактором VS Code, и он отображает размер выбранного файла в строке состояния редактора.
