How to speed up the development process in WebStorm | Andrey Starovoit Team Lead of the WebStorm
HTML-код
- Опубликовано: 28 июн 2024
- 🚀Друзья, сегодня у нас в гостях тимлид команды WebStorm из компании JetBrains - Андрей Старовойт.
Эксклюзивно для нас Андрей поделился советами, как легко настроить WebStorm, как быстро кастомизировать его интерфейс под себя, какие фишки вебшторма могут значительно ускорить процесс разработки и даже рассказал, в чем основные отличия IDE от редактора кода. Ответил на мнрогие ваши вопросы, которые мы собрали предварительно. И даже рассказал немного о самой команде WebStorm.
🎁А еще JetBrains приготовил для наших подписчиков классный подарок - 3 месяца бесплатного использования WebStorm!!!! 👍🤩🎈
Чтобы воспользоваться подарком - введите промокод: FrontendScience
Применить его можно по ссылке www.jetbrains.com/store/redeem/
Промокод работает только для новых персональных лицензий и будет действителен в течении 2 недель после публикации видео, до 21 августа включительно.
Приятного просмотра! Ставьте лайки! Оставляйте ваши вопросы, если вы не успели задать их заранее - мы обязательно попросим Андрея ответить по возможности на них в комментариях!
✳️Друзья, если вы хотите оставить пожелания, сообщить о баге и пр. для WebStorm, пишите все сюда: youtrack.jetbrains.com/issues
👍🤩 Будем благодарны за поддержку нашего канала на Патреоне: / frontendscience
Таймкоды:
00:00:00 Интро
00:01:52 Андрей о себе: как попал в JetBrains и команду WebStrom
00:03:02 Про команду и про проект
00:03:35 Кто такие девелопер-адвокаты
00:04:33 В чем разница между IDE и редактором-кода
00:06:16 Как удобно переключатся между разными IDE от JetBrains
00:08:15 Запуск WebStrom через ToolBox
00:09:31 Как поставить плагины
00:11:56 Keyboard shortcuts - шпаргалка горячих клавиш в WebStrom
00:13:32 Find Action - как найти нужное вам действие в WebStrom
00:15:04 Кастомизация интерфейса WebStrom под себя
00:17:10 Базовая навигация (по проекту, по файлу)
00:20:10 Навигация вперед/назад
00:21:25 Про индексацию файлов
00:23:33 Поиск по индексируемым данным
00:25:23 Исключение директорий из индексации
00:26:53 Search Everywhere - глобальный поиск по всем сущностям проекта
00:29:02 Поиск использования методов
00:31:09 Про редактирование кода Quick Fixes
00:39:43 Рефакторинг кода
00:45:54 Postfix templates
00:47:11 Live Templates
00:48:39 Как связаться с командой разработки
00:52:34 Emmet
00:55:35 Какие плагины ставит Андрей
00:57:01 Как Андрей пользуется консолью
00:57:49 Git и WebStorm
01:04:01 Vim плагин для WS
01:06:13 Про локализацию
01:07:12 Можно ли работать по учебной лицензии?
01:07:49 Аналог плагина eCSSTractor
01:10:17 Переход от класса в SCSS к HTML
01:10:58 Подарок от JetBrains 🎁
01:12:16 Благодарим Андрея! 🎈
01:12:51 Заключение
📋 Трекер WebStorm: youtrack.jetbrains.com/
---
Если видео было для вас полезным, ставьте лайк и поделитесь им с друзьями.
Подписывайтесь на наш канал: bit.ly/fs-ytb
---
Присоединяйтесь к нам в соцсетях:
FB: / frontendscience
Instagram Сергея Пузанкова: / puzankovcom
Заходите на наш сайт: frontend-science.com/
![Настройка, которая сделает WebStorm в 10 раз быстрее! [ Плагины / Снипеты / Хоткеи ]](http://i.ytimg.com/vi/TDHRWZGLQdc/mqdefault.jpg)
🎁Друзья, забирайте подарок от JetBrains- 3 месяца бесплатного использования WebStorm! 👍🎈
🚀Чтобы воспользоваться подарком - введите промокод: FrontendScience
Применить его можно по ссылке www.jetbrains.com/store/redeem/
Приятно видеть Андрея, как он рассказывает про шторм с улыбкой, видно как гордится тем, что создаёт сам. Ребята из JB вам надо поставить памятник! Спасибо за ide(ю)
👍Друзья, поблагодарите, пожалуйста, Андрея своими лайками и комментариями за то, что он смог найти для нас время и поделился столькими реально полезными и классными фишками!!
Работа с гитом в шторме просто божественна 👍
тот случай когда все знаешь и кайфуешь от данного инструмента, за .log отдельное спасибо)))
Спасибо от души! Что ни фича, то шедевр!
Андрей, не сомневайся, польза большая. Я думаю было бы здорово, если бы у JetBrains были короткие видосы по релизам версий, чтобы наглядно (на реальном примере) можно было увидеть те или иные функции.
Самый правильный обзор IDE. А то каждый блогер обозревает, а там только минимальный базовый функционал, который за 5 мин. самому разобрать...
Лучшее видео на эту тему!
Самый лучший и удобный IDE. Большое спасибо 👌👌
Класс, много чего нового для себя вынес.
очень полезное видео, спасибо
Суперполезное видео! Давно хотел перейти к активному использованию шорткатов. Спасибо!
Видео просто бомба.
Давно не смотрел видоса с таким серьезным полезным "выхлопом"
На стене за монитором появилась распечатка хоткеев =)
Спасибо.
Класс! Рады, что было полезно)
благодарю ребят, Андрей просто суперски раскрыл тему, WebStorm рулит!
Спасибо большое, как раз собрался на webstorm переходить ,узнал много что интересного
топовый мужик! Я сам год назад сменил вскод на шторм, очень доволен, всем советую!
Спасибо большое за видео, очень интересная информация и много новых фишек!
Рады, что было полезно!
Крутой видос, спасибо парни) понравилась идея с шорткатами, надо попробовать поставить плагинчик
Отличное видео! Было очень полезно узнать, как использование продукта задумывалось разработчиками, со всеми фишками и подходом.
Однозначно лайк!
Рады, что понравилось 👍
Круто, спасибо за обзорчик
Рады что было полезно!
Благодарю за полезный обзор!
И Вас благодарим :)
интересно. спасибо
Супер видос, очень понравился Андрей Старовойт и его повествование
Да, Андрей крутой! И очень вдохновляет! :)
Топовое видео
Спасибо!
И Вам :)
уфффф бомба пушка, узнал очень много нового. Лайк ,подписка :)
Рады слышать:)
однозначно like и большой респект. не знаю почему так мало лайков
Спасибо за видео и за поддержку (что сразу и ссылку постарались дать, и что информировали)
Рады, что оказалось полезно! :)
спасибо
И Вам :)
Решил поставить себе ws, вспомнил, что у тебя на канале вышло видео по нему, а тут еще такой подгон с промокодом. Спасибо за материал
Очень рад, что оказалось полезно! )
Начал пользоваться хоткеями ещё больше.
Вау, Эд Ширан работает в jet brains
Классное видео , осознал что использую возможности WS только процентов на 20 ( Пошёл исправляться
Рады, что было познавательно! :)
Webstorm классная ide, однако компании jetbrains надо больше работать над тем, что бы о крутых фишках данной ide знало как можно народу. Самостоятельно к этим вещам начинаешь приходить только спустя месяцы и годы работу в ide.
Эх жаль нельзя спросить разработчика , как , или почему не работают find usages или go-to с препроцессора и scss...почему это работает только от html , но сделать в обратную сторону , ни одно действие нельзя когда пишешь через &...ровно как р нет suggestions снова таки с этим же амперсантом ..по идее я пишу &__ и он как бы должен предложить мне продолжение , как в css чистом например после точки. В вс коде это точно например работает. Получается что такие казалось бы мелочи , а не работают, так же как и переименование ...получается что снова таки из-за амперсантов не работает переименование из html. В css все меняется когда ты в html нажимаешь шифт ф6, а с кодом сасс нет ...приходится бегать и как в старые добрые руками ...что дико неудобно ...получается если я не реакт разработчик , а например зояв использовать для верстки с библиотеками , работаю на какую нибудь веб студио или фриланс ..мне что теперь чистым css мучаться ...как то это не очень ) буду благодарен если кто подскажет что делать . Но особо не жду )) ибо эти ищью не рассматриваются на из сайте месяцами ...я понимаю так реакт ангуляр да , важно нужно ...но как бы думаю это решается для таких ребят очень быстро , если захотеть сделать это
установил значит плагин и он мне пишет - вызывай терминал на маке через command + f12 нажимаю и блин открывается мак команда какая-то, как можно выставить приоритет webstorm?
44:00 Написать вам код прийдётся. Гы жпт чат в студию
Сделайте видео как скачать вебшора и как активировать пожалуйста 🥺
На 40:20 что то не работает такая фишка в реакт проекте, версия 2023.1.2. Может кто то сталкивался?
Всем привет, раз такая тема) Может кто знает шоткат для переключения между сплит окнами?
Очень хотелось бы от вас видео-рассуждение по поводу конструкторов в вебе ( Тильда) , как они влияют на разработку , смогут ли сменить ее ?Стоит ли опасаться разработчикам ?
Интересная тема, благодарю! Надо будет снять)
@@frontendscience очень интересная и очень волнительная, многие заявляют , что мол « да это невозможно , фронты и бэки никуда не денутся» , но в тоже время смотрю на продукты сделанные тильдой и есть опасения некие , очень жду видео , спасибо за ваш труд !
спасибо, интересно рассказал про ws, однако как уже заметили, наиболее (imho) часто используемая функция поиска в файлах проекта (ctrl+shift+f) по умолчанию собирает все файлы в т. ч те которые вроде как помечены как excluded и чтобы это обойти нужно километровую строку написать в фильтрах. туда же экстрактор классов из html. бесит что jb пилят какието новые функции (о которых (imho) мало кто знает), а то что ежедневно используют большинство недоделаны. это кстати одна из причин почему я не обновлял ws уже 2 года, а vscode нравится все больше и больше
Я обновляю постоянно, хуже он от этого не стает работать, для кого как, мне ws больше нравится
что там ecsstractor есть для php уже?
Я выбираю VScode. Ничем не хуже для JS. По крайней мере для меня на данный момент. А вот Java намного удобнее в Intellij IDEA, хорошо, что есть community edition. Жаль, что нет такой версии у WebStorm.
Сидел долгое время на VSCode, переехал на шторм. Поверьте, если использовать большинство фич IDE ежедневно, оч быстро привыкаете. А вот лучшей работы с гитом чем в шторме нигде не видел. Интеректив ребейс делать очень просто и наглядно, резолв конфликтов проходит на ура.
На счет того, что нет фри версии - согласен, обидно. Но так как это мой основной рабочий инструмент, купил и ни разу не пожалел
@@c.edgerton всем. js не java, лицензия не может и не должна столько стоить на ide для js. git merge conflicts в WS отрисовываются нагляднее, но это не стоит 100 баксов. vscode при этом запускается быстрее, весит меньше в памяти, не может повеситься, оч много плагинов, они намного быстрее выходят новые и обновляются чем для WS. Нет причин юзать WS, есть 101 причина научиться пользоваться VSCode.
Если искать куда вложить 100$, то лучше уж купить Apple dev аккаунт и билдить под iOS приложения. Это хотя бы позволит зарабатывать.
Конечно нет, ведь надо за всё платить, хочешь нормальную IDE, заплати, и пользуйся на здоровье, а когда получаешь бесплатно, не ценишь, мне ws куда круче, VScode постоянно какие-то плагины нужны, тут в основном пользуюсь из коробки
на одном из моих проектов вебшторм грузит процессор на овердохера процнтов
что может быть не так?
Не знаю, у меня всё отлично. Может что-то с ним не так, ведь бывают компы, которые даже в простое имеют загруженный процессор
подскажите как скролл горизонтальный убрать
Кликнуть правой рядом с номерами строк и выбрать Soft-wrap
В linux(Ubuntu latest) в PhpStorm не работает возврат если провалился в метод другого файла. Я не могу вернуться туда откуда провалился.
Пока что похожих жалоб мы не встречали. А если попробовать вернуться назад используя верхнее меню Navigate > Back - работает?
Как Тема называется?
Dark purple кажется
@@frontendscience спасибо
Почему нет русской локализации в продукте от российской компании?
Звучит прям в стиле «Сеня, объясни товарищу, почему Володька сбрил усы»…
А она должна быть? В программировании всё на английском, и нужно к этому привыкать за одно будет проще подучить язык, а ты как типичное быдло)) "где мой русский", он на*** здесь не нужен.
И вебшторм и vscode жрут неимоверное количество памяти и жутко тормозят. Нужен native блокнот с оптимизированным вот этим всем
Если вот это вот все оптимизировать в блокноте - тот выйдет ws или vsc 😂
Думаю все зависит от устройства, юзаю на машине с 8гб оперативки шторм, полет отличный.
Ничего не тормозят, мой комп, еле гта 5 вытаскивает на низких 100 фпс, когда скоро уже 6 выйдет, а с этими программами справляется на изи, быстро работают, нет зависаний. Я не знаю на каком надо ведре сидеть, чтобы у тебя что-то там "жутко тормозило". Эти программы созданы для профессиональной разработки, а у профессионального разработчика я считаю, должна быть приличная машина. (У моего друга, сборка на rtx3070), а у меня куда слабее, и даже этого хватает, чтобы без каких либо проблем его использовать
в шоке,содрали с плагинов вима, и привязали свои shortcuts