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 документы для написания писем и таблиц.

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