5 расширений для VSCode, которые значительно упростят вам жизнь.
Экономь время – работай эффективно.
Экономь время – работай эффективно.
Кто может запомнить все эти hex-коды? Точно не я.
В VSCode, слева от hex-кода, есть небольшой “box”, который указывает на то, какой цвет отображает данный код. Все же этого недостаточно для удобного различия цветов, особенно похожих. Color Highlight решает эту проблему путем выделения всего hex-кода в отображаемый им цвет.
В VS Code есть окно предварительного просмотра изображений, но если вы хотите открыть файл в расширении .svg, окно вам просто выдаст его код.
С SVG Preview у вас появится дополнительное боковое окно, которое позволяет предварительно просматривать изображение и даже обновляет его по мере внесения изменений в код SVG. Забудьте об Sketch или Illustrator для редактирования SVG изображений. Теперь вы можете вносить все свои изменения непосредственно с помощью VS Code.
Я начал пользоваться i18n несколько месяцев назад и должен сказать, что это расширение значительно упростило процесс локализации моих веб-приложений.
Единственная сложность заключается в том, что вы не можете редактировать текст внутри файла, над которым вы фактически работаете. Вместо этого вам нужно открыть файл locales/language.json, прокрутить вниз до нужного места, а затем отредактировать там свой текст (и к тому времени вы, скорее всего, уже забыли, что искали).
i18n Ally предоставляет возможность предварительного просмотра текста на основном языке, позволяет создавать новые ключи, просматривать существующие и редактировать их все прямо из шаблона.
i18n Ally также имеет изящную боковую панель, которая показывает, насколько вы близки к завершению локализации вашего проекта.
Забавно, но такое случается часто – код, в котором присутствуют орфографические ошибки, такие как mesages или defalt costants.
Пишите правильно, чтобы ваш код был более изящным, а также, чтобы сделать вашу жизнь и жизнь ваших коллег проще. Code Spell Checker также имеет расширяемую поддержку голландских, каталонских, чешских, французских, немецких, русских, испанских, шведских и медицинских словарей.
Помните все те повторяющиеся, ошеломляющие задачи, с которыми вы сталкиваетесь в JS?
Теперь для их автоматизации достаточно одного клика. Всякий раз, когда вы увидите лампочку, что появляется слева, просто нажмите на нее (или используйте специальную горячую клавишу), чтобы узнать, как можно преобразовать код. Расширение также поддерживает TypeScript!
А… И еще одно бонусное расширение 🙂
Да, это конечно не безызвестное расширение. Им уже пользуется более 4-х миллионов пользователей и, возможно, вы в их списке. Если нет, установите его прямо сейчас, чтобы в десять раз быстрее находить то, что вы ищете среди своего огромного списка файлов и папок.
Уникальные иконки, которые добавляет это расширение для каждого типа файлов, делают поиск файлов более визуальным и простым. Также расширение предоставляет большое количество иконок на выбор.
Спасибо!
6 привычек высокоэффективных программистов.
5 программ, написание которых улучшит ваш навык программирования
8 жизненно необходимых инструментов для веб разработчика
UX тренды в 2020 году