Вы когда-нибудь задумывались, как управлять текстовым редактором Visual Studio Code для повышения эффективности и производительности, больше не беспокойтесь. У меня есть несколько интересных расширений, которые помогут вам в этом

Visual Studio Code - потрясающий текстовый редактор, который за долгие годы стал популярным среди разработчиков программного обеспечения. Это позволяет настраивать с помощью потрясающих расширений. Ниже приведены некоторые выделенные расширения VSCode, которые время от времени повышают вашу продуктивность. В этой статье я сосредоточусь на расширениях JS.

Живой сервер

Live Server помогает запускать статические и динамические страницы из VS Code. Одна крутая вещь, которая мне нравится, - это функция живой перезагрузки, страница обновляется при сохранении в VSCode. Если вам нужно отрендерить страницу из VS Code, вы можете попробовать, вам это понравится. Это круто и круто.

Красивее

Prettier помогает в форматировании кода. Это делает ваш код читабельным и обеспечивает согласованный стиль кодирования, что делает ваш код красивым. Не волнуйтесь, он покрыл ваши вмятины.

Quokka.js

Quokka - отличный инструмент для отладки, прототипирования и тестирования Javascript / Typescript. Он запускает ваш код сразу же по мере ввода и отображает результат рядом с вашим кодом. После добавления quokka.js в ваши расширения; чтобы запустить его в текущем файле, нажмите ctrl k, а затем q, чтобы начать с нового файла, нажмите ctrl K, а затем J / Q.

Раскраска парных скобок

Наличие вложенных скобок в вашем коде иногда вызывает трудности с определением закрывающей скобки и / или скобок, которые совпадают друг с другом. Colorizer пара скобок помогает идентифицировать начальную и закрывающую скобку текущего блока кода, используя различные цвета. Если открывающая скобка красная; закрывающая скобка станет красной. Крутая вещь!!!

GitLens

GitLens показывает вам, когда строка кода была создана, изменена, а также автор через аннотацию git blame. Это поможет вам понять репозиторий при работе в команде. Он также сообщает вам, когда последний раз был зафиксирован код, разве это не слишком мило?

Visual Studio Intellicode

Visual Studio intellicode помогает поместить то, что вы, вероятно, будете использовать, в начало списка завершения. Он использует ИИ, чтобы знать, что вы, вероятно, будете использовать, и рекомендует его в верхней части списка завершения.

ЭсЛинт

EsLint - отличное расширение, которое делает форматирование вашего кода последовательным и позволяет придерживаться стандартной практики. Он уведомляет вас о предупреждениях / ошибках. Я бы порекомендовал вам использовать руководство по стилю airbnb.

Кроме того, я хотел бы предложить отличный шрифт Firacode, который является одним из лучших программных шрифтов, которые я использовал в коде VS. Это делает ваш код лучше и подходящим. Одна интересная особенность этого метода - отображение операторов сравнения, набранных человеком. Эта ссылка расскажет, как заставить ее работать в коде вашей визуальной студии.

Спасибо, что нашли время, чтобы проверить это, я надеюсь, что эти расширения улучшат вашу продуктивность.