Главная

5 расширений для VSCode, которые значительно упростят вам жизнь.

Экономь время – работай эффективно.

Поделиться:
 

24+

❶ Color Highlight

Кто может запомнить все эти hex-коды? Точно не я.
В VSCode, слева от hex-кода, есть небольшой “box”, который указывает на то, какой цвет отображает данный код. Все же этого недостаточно для удобного различия цветов, особенно похожих. Color Highlight решает эту проблему путем выделения всего hex-кода в отображаемый им цвет.

Color Highlight

❷ SVG Preview

В VS Code есть окно предварительного просмотра изображений, но если вы хотите открыть файл в расширении .svg, окно вам просто выдаст его код.

С SVG Preview у вас появится дополнительное боковое окно, которое позволяет предварительно просматривать изображение и даже обновляет его по мере внесения изменений в код SVG. Забудьте об Sketch или Illustrator для редактирования SVG изображений. Теперь вы можете вносить все свои изменения непосредственно с помощью VS Code.

SVG Preview

❸ i18n Ally

Я начал пользоваться i18n несколько месяцев назад и должен сказать, что это расширение значительно упростило процесс локализации моих веб-приложений.

Единственная сложность заключается в том, что вы не можете редактировать текст внутри файла, над которым вы фактически работаете. Вместо этого вам нужно открыть файл locales/language.json, прокрутить вниз до нужного места, а затем отредактировать там свой текст (и к тому времени вы, скорее всего, уже забыли, что искали).

i18n Ally предоставляет возможность предварительного просмотра текста на основном языке, позволяет создавать новые ключи, просматривать существующие и редактировать их все прямо из шаблона.

i18n Ally

i18n Ally также имеет изящную боковую панель, которая показывает, насколько вы близки к завершению локализации вашего проекта.

Code Spell Checker

Забавно, но такое случается часто – код, в котором присутствуют орфографические ошибки, такие как mesages или defalt costants.
Пишите правильно, чтобы ваш код был более изящным, а также, чтобы сделать вашу жизнь и жизнь ваших коллег проще. Code Spell Checker также имеет расширяемую поддержку голландских, каталонских, чешских, французских, немецких, русских, испанских, шведских и медицинских словарей.

Code Spell Checker

❺ JavaScript Booster

Помните все те повторяющиеся, ошеломляющие задачи, с которыми вы сталкиваетесь в JS?
Теперь для их автоматизации достаточно одного клика. Всякий раз, когда вы увидите лампочку, что появляется слева, просто нажмите на нее (или используйте специальную горячую клавишу), чтобы узнать, как можно преобразовать код. Расширение также поддерживает TypeScript!

JavaScript Booster

А… И еще одно бонусное расширение 🙂

❻ VS Code Icons

Да, это конечно не безызвестное расширение. Им уже пользуется более 4-х миллионов пользователей и, возможно, вы в их списке. Если нет, установите его прямо сейчас, чтобы в десять раз быстрее находить то, что вы ищете среди своего огромного списка файлов и папок.

Уникальные иконки, которые добавляет это расширение для каждого типа файлов, делают поиск файлов более визуальным и простым. Также расширение предоставляет большое количество иконок на выбор.

VS Code Icons

Спасибо!

24+