16 расширений VSCode для лучшего кодирования Javascript.
За всю свою карьеру разработчика я усвоил очень важную вещь: IDE - мой лук, а расширения - мои стрелы.
Выбор лучшего лука и лучших стрел зависит от меня, конечно, я выбираю VSCode для этого и количество лучших расширений VSCode.
В Visual Studio Marketplace есть тысячи расширений, некоторые хорошие, а некоторые плохие.
Позвольте мне показать вам 10 лучших расширений, а также 6 бонусных расширений, которые также ждут вас там 😍
1. ГитЛенс
Я могу сказать, что это самые мощные расширения для управления git. Он позволяет вам проверять историю git, информацию об авторстве, историю строк и файлов, фиксировать поиск, создавать или перемещаться между любыми ветвями и многие другие инструменты для работы с Git.
2. Красивее
Prettier гарантирует, что вам больше не придется беспокоиться о форматировании! Это очень просто, и его можно настроить на автоматическое форматирование кода при каждом сохранении.
3. Live Share
Это настоящая жемчужина, когда вы хотите совместно редактировать и отлаживать проект или файл вместе с другими в режиме реального времени.
Вы можете поделиться своим кодом, терминалом и сервером с другими пользователями, а если вы используете расширение live audio, вы даже можете добавить… аудио в свое общение.
4. Отладчик для Chrome
Хорошая отладка - это больше, чем бесконечные журналы консоли. Chrome предлагает аналог своего расширения chrome для VSCode.
5. ESLint
Если вам нужен линтер и форматтер в одном пакете, то это для вас.
Он может автоматически форматировать ваш код, а также находить ошибки в нем.
6. Visual Studio IntelliCode
Он создан для помощи разработчикам и программистам с предложениями интеллектуального автозавершения кода.
по умолчанию он поддерживает Python, TypeScript / JavaScript, React и Java.
7. SQLTools - Инструменты базы данных
Инструмент для управления БД через VSCode.
Он поддерживает ряд драйверов, и вы можете делать много вещей, используя его, например, проводник подключений, средство выполнения запросов, intellisense, закладки, историю запросов.
8. Удаленный - SSH
Это один из лучших инструментов. Вы можете открыть любую папку на удаленном компьютере и работать с ней так же, как если бы папка находилась на вашем собственном компьютере.
Чтобы получить эти преимущества, исходный код не должен находиться на вашем локальном компьютере, поскольку расширение запускает команды и другие расширения непосредственно на удаленном компьютере.
9. Синхронизация настроек
Это будет вам очень удобно, когда вы переключитесь на новую среду vscode, вместо того, чтобы настраивать все с самого начала, вы можете синхронизировать их между всеми своими средами vscode.
10. Живой сервер
При написании кода мы часто переключаемся между нашей IDE и браузером, чтобы проверить результат наших последних обновлений кода.
Live Server гарантирует, что ваш браузер обновляется, когда это необходимо.
Бонус
1. Раскраска пара скобок 2
Это расширение окрашивает пары скобок в разные цвета, чтобы было легче определить, где каждая пара скобок открывается и заканчивается.
2. Лучшие комментарии
Расширение Better Comments поможет вам создавать в коде более понятные для человека комментарии.
Каждый цвет может служить средством обозначения типа комментария (предупреждение, список дел и т. Д.)
3. CodeStream
Один из моих любимых. Отличный способ обсудить код.
4. Проверка орфографии кода
Отличный инструмент для проверки правильности написания наших комментариев.
5. Полакод
Отличный способ сделать снимок экрана вашего кода. Очень полезно при написании туториалов.
6. Интеллектуальный путь
В больших проектах мы не можем запомнить каждый путь к файлу. Вот где в игру вступает path intellisense.
После установки нам нужно просто ввести путь, который покажет нам следующие каталоги и файл, которые мы можем использовать.
Бонус: Bit.dev
Bit.dev - это не расширение VSCode, а очень мощный инструмент, который должен знать каждый фронтенд-разработчик.
Bit - это концентратор облачных компонентов. Здесь вы публикуете, документируете и упорядочиваете все свои повторно используемые компоненты.
С Bit нет необходимости создавать целый проект библиотеки компонентов - просто публикуйте отдельные компоненты из любой кодовой базы, над которой вы работаете. Используйте его вместе со своей командой, чтобы максимально увеличить повторное использование кода, ускорить разработку и, проще говоря, создать более масштабируемое приложение.
Bit.dev поддерживает React, Vue, Angular, React Native, React with TS и многие другие.
