Обложка: 14 инструментов веб-разработчика

14 инструментов веб-разработчика

Константин Першин
Константин Першин

веб-разработчик RentaTeam

В этом материале хочу поделиться инструментами, которые я использую в работе. Возможно, некоторые из них будут для кого-то полезными.

Если абстрагироваться от технологий, которые являются частью проектов, например Storybook для хранения библиотеки компонентов или redux devtools для дебага, то я пользуюсь следующими инструментами:

  • Kubuntu как операционка. Говорят, фронтендеры не сидят на Linux, но я сижу. Сервера работают на Linux и к этому в любом случае придётся быть готовым. Плюс на Linux гораздо лучше, чем в Windows обстоят дела с настройкой рабочего окружения. Всё прописывается буквально парой команд. Просто, а главное, быстро, что экономит кучу времени.
  • Yakuake — удобный и стильный выпадающий терминал. Выезжает по сочетанию клавиш.
  • WebStorm как основная IDE. Мне очень нравится их интеграция с гитом, просмотр истории изменений для какого-то куска кода, локальная история изменений. Удобно в два клика посмотреть, кто работал над этим кодом и в рамках каких задач. К тому же здесь очень удобная система разрешения конфликтов при мерже.
  • Kate для мелких текстовых файлов вне проекта.
  • Chrome + dev tools как основной браузер для разработки. Само собой, наши пользователи сидят на всевозможных видах десктопных и мобильных браузеров. И их тоже приходится использовать.
  • browserstack.com. Этот сервис помогает справиться с многообразием устройств и браузеров. У вас может быть ограниченное количество гаджетов, а на этом сайте предоставляют удаленный доступ к пользовательским устройством и там практически есть всё.
  • Postman для запросов ко всяким API. Через него я тестирую бекэнд.
  • regex101.com — конструктор для написания регулярок. Серьёзно упрощает это дело. Хотя, конечно, есть и недостаток: вы начинаете писать больше регулярок.
  • caniuse.com — сайт, на котором для каждой фичи css/js есть информация о том, какие браузеры её поддерживают. Помогает понять, какую новую приятную фишку языка уже можно использовать, а какую ещё нет.
  • ngrok — утилита, которая позволяет создавать безопасный туннель к вашему веб серверу. Очень удобно в случаях, когда нужно быстро что-то показать или проверить. Не надо никуда ничего заливать. Это прямо musthave.
  • Расширение perfectpixel для дотошной проверки вёрстки по дизайнам.
  • Расширение measure dimensions — пиксельная линейка для быстро проверки расстояний.
  • Расширение mateTranslate, чтобы переводить выделенные куски текста прямо в браузере.
  • Google документы для написания писем и таблиц.

А какими инструментами веб-разработчика пользуетесь вы? Делитесь в комментариях.