Поработав в свое время с несколькими IDE, начиная с Notepad++, Sublime Text, Brackets и затем с Atom (R.I.P), последние пять лет или около того я остановился на VSCode и до сих пор считаю, что с очень приятно работать (обещаю, что меня не спонсирует Microsoft).

Очевидно, что VSCode не лишен недостатков, но расширения помогают нам заполнить пробелы, добавляя недостающие функции, улучшая рабочий процесс или позволяя нам дополнительно настраивать интерфейс и делать вещи красивыми. Поэтому я хочу уделить время и составить список расширений, которые я использую и лично не хотел бы обходиться без них.

Вещи которые должны быть

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

  • ESLint
    Интегрирует JavaScript ESLint в VS Code, выделяет нарушения правил и добавляет замечательную возможность исправлять эти проблемы при сохранении.
  • Линза ошибок
    Показывает встроенные ошибки там, где они возникают, безумно полезно и значительно повышает производительность. Творит чудеса в сочетании с ESLint.
  • Pettier
    Средство форматирования кода, обеспечивающее единый стиль кода во всех ваших файлах.
    Когда у вас есть ESLint и Prettier, работающие бок о бок *поцелуй повара*.
  • GitLens — Git с наддувом
    Слишком много функций, чтобы перечислить их все, но это расширение делает работу с любым репозиторием Git в миллион раз проще благодаря просмотру встроенных историй коммитов И их автора (чтобы вы точно знали, на кого злиться), чтобы увидеть всю историю коммитов данного файла и иметь возможность легко перемещаться назад и вперед во времени (жаль, что это пока не работает в реальной жизни ).
  • Проверка правописания кода
    Название говорит само за себя. Это расширение спасает жизнь человеку, у которого довольно устные и грамматические проблемы. И это позволяет избежать полного унижения, когда кто-то указывает на ваши орфографические ошибки в PR.
  • axe Accessibility Linter
    Анализ специальных возможностей для HTML, Angular, React, Markdown и Vue.
    Как разработчик внешнего интерфейса, который хочет убедиться, что то, что я создаю, может быть использовано и пользоваться как можно большим количеством людей, я считаю это абсолютно необходимым.

Приятно иметь

Не обязательно, но обычно они добавляют немного вкуса или функциональности и обогащают опыт разработчика.

  • indent-rainbow
    Визуализирует отступ с тем, что я могу описать только как радужный водопад. Ускоритель производительности И приятный на вид.
  • Material Icon Theme
    Добавляет множество действительно красивых значков в наш файловый браузер, позволяя нам сразу увидеть, с чем мы работаем. Точно так же, как indent-rainbow, лучшее из обоих миров, оно повышает производительность И делает его красивее.
  • Автоматически закрывающий тег
    Автоматически добавляет закрывающий HTML-тег. VSCode поддерживает это по умолчанию, но только в файлах HTML. Это расширение добавляет такое же поведение к другим типам файлов.
  • Автоматическое переименование тега
    Автоматически переименовывает как открывающий, так и закрывающий тег элемента, что очень полезно для рефакторинга, особенно с компонентами React.
  • Закладки
    Позволяет добавлять в закладки определенные строки в файлах и легко переключаться между ними, упрощает рефакторинг нескольких файлов.
  • Отслеживание Gremlins для Visual Studio Code
    Выявляет некоторые символы, которые могут быть опасными, потому что они невидимы или выглядят как настоящие. Вдохновленный Sublime Gremlins.
  • CodeSnap
    📷 Делайте красивые скриншоты своего кода.
  • Фрагменты React/Redux/React-Native
    Множество действительно полезных сниппетов для работы с React, хороший стимулятор производительности.

Предложения сообщества

Предложения от сообщества. Спасибо за участие! 💪

Подождите, это уже конец?!

Спасибо, что нашли время, чтобы прочитать мой небольшой список расширений. Я старался оставаться относительно общим, за исключением фрагментов React в конце. Я использую множество расширений для файлов или инструментов, таких как Docker или DotENV, но VSCode, как правило, довольно хорошо рекомендует их пользователю, поэтому я опустил их, чтобы избежать раздувания.

Надеюсь, вы нашли одно или два расширения, которые помогут вам работать более продуктивно.
Если вы считаете, что я что-то пропустил и хотел бы добавить что-то в этот список, не стесняйтесь оставлять его в комментариях.

Удачного кодирования! 👋