Настройка, которая сделает WebStorm в 10 раз быстрее! [ Плагины / Снипеты / Хоткеи ]

  Переглядів 14,264

RED Group

RED Group

День тому

🔥 Оформить премиум подписку - htmllessons.ru/premium?...
❄️ Залететь в середину марафона по скидке 50% - t.me/red_marathon_payment_bot
❤️ Отзывы тут - t.me/htmllessons_reviews
🦋 Наш ТГ канал - t.me/redgroupchannel
Поддержи видео лайком, 1500 лайков 👍 и я делаю новое видео!
Скачать 🖥 настройку - htmllessons.ru/repositories#s...
Добро пожаловать на наш полный курс по настройке WebStorm 2024. В этом видео мы погрузимся в мир одного из самых популярных, быстрых и мощных редакторов кода. Покажем как WebStorm сделать быстрее в 10 раз. Покажем как настроить этот IDE так, чтобы он соответствовал вашим потребностям и стилю разработки. Мы также расcмотрим, как установить расширения, чтобы расширить функциональность редактора, и предоставим список рекомендуемых расширений(плагинов) для фронтенд разработчиков. В ходе нашего разговора мы также рассмотрим следующие темы: cниппеты для react, next.js и typeScript, которые помогут вам ускорить разработку и лучшие горячие клавиши(хоткеи) для фронтенд разработчика. Наконец, мы поговорим об иконках и о темах оформления, которые позволяют изменить внешний вид редактора в соответствии с вашими предпочтениями и стилем работы. Наше полное руководство по WebStorm поможет вам максимально использовать возможности этого замечательного IDE. Приятного просмотра!
⚡️ Список интенсивов по подписке - htmllessons.ru/list-intensive...
🔐 МК по авторизации (все исходники и запись доступны навсегда!) - t.me/red_master_class_bot
☑️ Чеклист "С нуля до Senior front-end" - t.me/checklist_redgroup_pay_bot
VK - redgroupchannel
🎹 Клавиатура - NuPhy Halo65 / switch Night Breeze
Шрифт - fsd.it/shop/fonts/pragmatapro/
Если есть какие то вопросы по этой теме - дай знать в 💬 комментариях!
00:00 - Начало
00:45 - Где скачать настройки?
01:35 - Что будет в видео?
03:30 - Плагины
09:07 - Выключаем лишние плагины
15:03 - Настройки
30:38 - Настройка UI
34:32 - Темы
37:06 - Шрифты
40:03 - Горячие клавиши
42:30 - Jetbrains AI
46:42 - Плюсы
48:30 - Минусы
55:55 - Спасибо за просмотр!
⚡️Закрытый клуб "5 утра" - htmllessons.ru/ext/club
💡 Личный ТГ канал - t.me/hardmaxchannel
🌿 Плейлист с полными курсами для новичков и не только - • Полные курсы
👉 Все ссылки (+ настройка редактора) и информация обо мне - redlinks.tech/
#Webstorm #JetBrains #RedGroup

КОМЕНТАРІ: 83
@REDGroup
@REDGroup 3 місяці тому
🔥 Оформить премиум подписку - htmllessons.ru/premium ❄ Залететь в середину марафона по скидке 50% - t.me/red_marathon_payment_bot Скачать 🖥 папку проекта - htmllessons.ru/storage#storage_file_47 00:00 - Начало 00:45 - Где скачать настройки? 01:35 - Что будет в видео? 03:30 - Плагины 09:07 - Выключаем лишние плагины 15:03 - Настройки 30:38 - Настройка UI 34:32 - Темы 37:06 - Шрифты 40:03 - Горячие клавиши 42:30 - Jetbrains AI 46:42 - Плюсы 48:30 - Минусы 55:55 - Спасибо за просмотр!
@abdulla0607
@abdulla0607 3 місяці тому
Ссылка на папку проекта нерабочая.
@syoungspark5122
@syoungspark5122 3 місяці тому
Макс, спасибо огромное! Всё стало в разы быстрее и красивее. Не зря ждал видос! 🔥
@tezis.digital
@tezis.digital 3 місяці тому
Очень круто! Давно ждал!
@RaulGasanov
@RaulGasanov 3 місяці тому
Спасибо за настройку, взял из видео все самое необходимое!
@user-yy5wn7te5i
@user-yy5wn7te5i 3 місяці тому
Как всегда Макс на высоте, все подробно, хоть и настраивал WebStorm для себя когда-то, но просмотрев видео и включив некоторые параметры, прям стало куда легче, спасибо!
@REDGroup
@REDGroup 3 місяці тому
Спасибо
@lumberpants8815
@lumberpants8815 3 місяці тому
Бомба!!! Прям то что было нужно! Спасибо!
@redking0116
@redking0116 3 місяці тому
Крутой ролик!! Спасибо Макс, было полезно ))) Поделись картинкой на рабочем столе )
@devcodingitstudio2764
@devcodingitstudio2764 3 місяці тому
Круто. Будем юзать
@SpeedfireLight
@SpeedfireLight 23 години тому
Макс, спасибо за видос. Подскажи, возможно вытащить из архива только сниппеты , без остальных настроек?
@REDGroup
@REDGroup 23 години тому
Вроде при импорте есть выбор
@frontendiy
@frontendiy Місяць тому
А откуда можно скачать твой walpaper? :D
@maxpro7135
@maxpro7135 3 місяці тому
Спасибо, очень полезно
@CryptoGamees
@CryptoGamees 3 місяці тому
Как всегда лайк автоматом
@xifrolanor-vv2xi
@xifrolanor-vv2xi 3 місяці тому
Как всегда топчик )
@vvvttt7595
@vvvttt7595 3 місяці тому
Макс огромное спасибо. К тебе как к монстру по вебшторму есть вопрос - как можно сделать так чтобы при импорте фалов .js вебшторм автоматически прописывал путь вместе с расширениями типа ./data/data.js а не просто ./data/data и все? или такой возможности нет?
@REDGroup
@REDGroup 3 місяці тому
🤷‍♂️
@alisker9337
@alisker9337 Місяць тому
У меня по умолчанию расширение вставляет, значит есть такая настройка
@erxweo
@erxweo 3 місяці тому
Еее наконец-то. Классный ролик вышел. Спасибо что прошерстил настройки, очень многое заюзаю у себя. По поводу ошибки с кодом, о которой ты говорил. У меня был кейс, когда я пытался открыть php проект в шторме, и при поиске по файлам, он умирал, так что скорее всего да, ты прав, шторм не тянет код языков, которые он не поддерживает
@LaraFireRose
@LaraFireRose 2 місяці тому
А какой ты язык программирование используешь? И какой ты посоветуешь? Или ты делаешь свой?
@ruden6623
@ruden6623 Місяць тому
Никогда в полноценных проектах не используется 1 язык. Каждый язык решает свои задачи, поэтому выбирай язык под то, чем хочешь заниматься. Программирование не о знании языка, а об знании общих концепций, алгоритмов и т.д. Тебе нужно выбрать язык, который тебе нравится, чтобы научится этим всем алгтритмам, ООП и т.д., а потом уже сможешь писать на любом языке, так как переходить между языками совсем не сложно
@sbubazzz
@sbubazzz 3 місяці тому
Спасибо! У меня вечно висит ESlint timeout, а в остальном очень крутая IDE, причем лет 10 пользуюсь RubyMine и года 3 WebStorm
@Edgar-pu1lc
@Edgar-pu1lc 3 місяці тому
Привет, можешь фон рабочего стола скинуть ?)
@adilsaktagan1615
@adilsaktagan1615 3 місяці тому
Спасибо Обязательно гляну, увидел сообщение в телеге - грустно
@fgewbtrfdhsb
@fgewbtrfdhsb 3 місяці тому
👍👍👍
@kostyafrompiter
@kostyafrompiter 3 місяці тому
Спасибо, дружище, пользуюсь до сих пор только штормом) тема nightfall - бомба, дай бог здоровья)
@carlcj6139
@carlcj6139 3 місяці тому
Webstorm не использую, но все равно поставлю лайк т.к. Макс красавчик. Когда видос по деплою? Если он будет конечно)
@mort7525
@mort7525 3 місяці тому
Приступаю к настройке PhpStorm, и я уверен что моя работоспособность увеличиться в разы!!!😁👍
@Tochichka6
@Tochichka6 26 днів тому
Офигенно
@ruslangilyazov7733
@ruslangilyazov7733 3 місяці тому
Макс,ты огромный трудолюбец! Спасибо за видео!
@REDGroup
@REDGroup 3 місяці тому
Пожалуйста
@user-zo6mv9tc8o
@user-zo6mv9tc8o 3 місяці тому
Макс, сделай по Angular путь до мидла!!! Очень жаль, что ты забросил эту рубрику.
@vadimkiryanov4933
@vadimkiryanov4933 3 місяці тому
В ws так и не сделали возможность сохранения настроек ide глобально и приходится каждый раз по новой настркивать для каждого проекта отдельно?
@REDGroup
@REDGroup 3 місяці тому
Да(
@vadimkiryanov4933
@vadimkiryanov4933 3 місяці тому
@@REDGroup 😥
@sbubazzz
@sbubazzz 3 місяці тому
Как альтернатива платным AI, можно использовать Codeium и плагин есть
@vvvttt7595
@vvvttt7595 3 місяці тому
А ты не пробовал плагин EasyCode? если все равно за gpt платишь, там прописываеться твой токен и окно gpt встраиваеться в вебшторм как и Ai Assistant
@REDGroup
@REDGroup 3 місяці тому
Не пробовал
@standwithukraine7989
@standwithukraine7989 3 місяці тому
Макс, мы ООООЧЕНЬ ценим твои видео и твои СТАРАНИЯ!❤️ Просто, Вебсторм тема платная... Ну, ты понимаешь 😉 Безотносительно качества, плюшек и использования в полевых условиях. Не каждый джун может себе его позволить. Большинство, как и собссна, считают, что VSCode - золотой стандарт. Но, конечно, это де-факто, не так. Ещё раз спасибо за МЕГА-ПОЛЕЗНЫЙ материал!
@REDGroup
@REDGroup 3 місяці тому
Да, я понимаю. Многие просто просили снять настройку шторма. Ничего страшного, red planner точно взорвет.
@andreyb4595
@andreyb4595 2 місяці тому
54:00 Setting -> Editor -> Color Scheme -> выбираем что красим - убираем галку inherit values from и выставляем свой цвет. Voila!
@vore770
@vore770 3 місяці тому
VS Code мы будем подключать плагины WebStorm мы будем отключать плагины
@valentino-sm
@valentino-sm 3 місяці тому
nvim мы будем искать плагины
@user-vm8ky9tq8d
@user-vm8ky9tq8d 3 місяці тому
Извините, я только начал, чем Вебшторм лучше вс кода?
@What_if233
@What_if233 3 місяці тому
Ничем, вс код лучше
@stormbraker637
@stormbraker637 3 місяці тому
Подсказки, аатокомплит
@Housanify
@Housanify 3 місяці тому
в основном для комадной работы в компании , робота з git
@user-pw9tn1jo9i
@user-pw9tn1jo9i 3 місяці тому
​@@What_if233чем вс код лучше?
@ilyamartynov2743
@ilyamartynov2743 3 місяці тому
Если хочешь плохо рефакторить код, то говно вс код пойдёт. А если слабый пк, то можно вс код использовать. В целом вс код лучше только загрузкой программы и ОЗУ
@daniilk3737
@daniilk3737 3 місяці тому
в интенсивах есть написано есть практика, это практика по уроку или как она реализована? задание с автопроверкой или потом видео разбор ? при покупке подписки. если кто знает, подскажите
@REDGroup
@REDGroup 3 місяці тому
Практика это то как подается материал. То есть с минимальным количество теории. Также есть небольшие задачи к урокам. К сожалению за 3290₽ не получится предоставить кураторов и какую либо проверку заданий. Тогда бы наша подписка стоила 10 000 руб минимум.
@daniilk3737
@daniilk3737 3 місяці тому
спасибо, прекрасно понимаю, что индивидуального подхода ждать не стоит, просто интересно как-то контролируется освоение материла@@REDGroup
@REDGroup
@REDGroup 3 місяці тому
Нет, только самоконтроль. Платформа вам всячески с этим поможет, ну и также поддержка в чате, но не ведение.
@ligh7fun
@ligh7fun 3 місяці тому
По ссылке не скачивается папка проекта 403 Forbidden, если перейти в хранилище и скачать, то все ок :)
@REDGroup
@REDGroup 3 місяці тому
Спасибо, сейчас исправлю
@Bambook_97
@Bambook_97 3 місяці тому
Я один пропустил момент где взять архив с настройками для редактора?)
@REDGroup
@REDGroup 3 місяці тому
В самом начале сказал
@xebunwhynot
@xebunwhynot 3 місяці тому
Макс, выводит ошибку 403, когда перехожу по ссылке для скачивания настроек(
@REDGroup
@REDGroup 3 місяці тому
Не знаю в чем проблема у меня скачивает
@serdotsenko
@serdotsenko 2 місяці тому
51:57 editorconfig работает с WS & VSC 🙂
@Housanify
@Housanify 3 місяці тому
+ полезный ролик, мог бы импортнуть свои настройки а то под видео скачать настройку для VS Code)))
@REDGroup
@REDGroup 3 місяці тому
В описании поменял название ссылки все было
@TheBodik87
@TheBodik87 3 місяці тому
Макс, спасибо большое! Ты - крутой! Просьба просто ОГРОМНАЯ!!! УЛЫБАЙСЯ! Ты - симпотный парень, умный, толковый, целеустремлённый, но ты очень очень очень мало улыбаешься...
@elshannamazov
@elshannamazov 3 місяці тому
Пробовал Fleet?
@REDGroup
@REDGroup 3 місяці тому
Конечно, видно смотрите внимательнее. Флит еще сырой
@mmosow
@mmosow 3 місяці тому
Настройки не скачиваются 403 Forbidden
@REDGroup
@REDGroup 3 місяці тому
Уже работает, ссылку изменил
@devWave1
@devWave1 3 місяці тому
не могу скачать конфиг "403 Forbidden"
@REDGroup
@REDGroup 3 місяці тому
Вроде все стабильно, жалоб не было
@user-vn1dq1kh9g
@user-vn1dq1kh9g 3 місяці тому
Ссылка на папку проекта нерабочая.
@REDGroup
@REDGroup 3 місяці тому
Рабочая, надо просто войти на платформе это бесплатно
@user-vn1dq1kh9g
@user-vn1dq1kh9g 3 місяці тому
@@REDGroup я залогинен, в личном кабинете все работает. а вот по ссылке 403 Forbidden nginx/1.19.2
@ananasios
@ananasios 3 місяці тому
Эмм. "File > Manage IDE Settings > Export/Import Settings"
@REDGroup
@REDGroup 3 місяці тому
И что? Я говорил про json файл как в vs code.
@andrewshapovalov7271
@andrewshapovalov7271 3 місяці тому
Привет, спасибо большое за проделанную работу! а ты сможешь сделать гайд или может ткни меня ссылкой, как я могу безопасно пользоваться торрентом в ЕС? Пожалууййстаа.
@REDGroup
@REDGroup 3 місяці тому
Не моя спицифика
@mrzoomer1337
@mrzoomer1337 3 місяці тому
можно настройку JetBrains Rider пожалуйста
@holingdev1737
@holingdev1737 3 місяці тому
В настройках по дефолту включена опция автосохранения после смены фокуса. Автор через несколько минут ролика: "Почему нет обозначения какой файл был редактирован?"
@REDGroup
@REDGroup 3 місяці тому
Внимательнее видео смотрите, после изменения настройки, оно заработало так как я сказал. Да и в целом зачем сохранять файл при изменение фокуса, это бред настройка
@user-nv5ec9ch8q
@user-nv5ec9ch8q 3 місяці тому
лайк за старания
Почему Redux больше не нужен?
9:41
RED Group
Переглядів 19 тис.
Что будет с кроссовком?
00:35
Аришнев
Переглядів 2,5 млн
Піхотинці - про потребу у людях
00:57
Суспільне Новини
Переглядів 821 тис.
Ах Ты Ж Су... Не Провоцируй Меня! @NutshellAnimations
00:15
Глеб Рандалайнен
Переглядів 1,6 млн
VS Code vs Webstorm - 5 Things You NEED to Know!
7:16
James Q Quick
Переглядів 105 тис.
Разбираем основы Kafka и RabbitMQ
26:54
Digital train | Alex Babin
Переглядів 8 тис.
REACT 19 - Стало лучше! Обзор обновления
8:10
🚩 Красные флаги для программистов
6:52
Миша Ларченко
Переглядів 29 тис.
ПЕЧАЛЬНОЕ БУДУЩЕЕ NEXT JS
9:02
RED Group
Переглядів 14 тис.
CI CD наглядные примеры
22:08
Ulbi TV
Переглядів 262 тис.
React и Next js убивают фронтенд!
9:11
Миша Ларченко
Переглядів 40 тис.
Что будет с кроссовком?
00:35
Аришнев
Переглядів 2,5 млн