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

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

Если абстрагироваться от технологий, которые являются частью проектов, например 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 документы для написания писем и таблиц

‍

‍

‍

‍