Настройка, которая сделает WebStorm в 10 раз быстрее! [ Плагины / Снипеты / Хоткеи ]
ฝัง
- เผยแพร่เมื่อ 2 มิ.ย. 2024
- 🔥 Оформить премиум подписку - 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
![Настройка терминала 2024 [Oh My zsh / Плагины / Оформление / PowerLevel10k]](http://i.ytimg.com/vi/6qzyWLZha0E/mqdefault.jpg)
![Настройка терминала 2024 [Oh My zsh / Плагины / Оформление / PowerLevel10k]](/img/tr.png)
🔥 Оформить премиум подписку - 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 - Спасибо за просмотр!
Ссылка на папку проекта нерабочая.
Макс, спасибо огромное! Всё стало в разы быстрее и красивее. Не зря ждал видос! 🔥
Очень круто! Давно ждал!
Бомба!!! Прям то что было нужно! Спасибо!
Спасибо за настройку, взял из видео все самое необходимое!
Как всегда Макс на высоте, все подробно, хоть и настраивал WebStorm для себя когда-то, но просмотрев видео и включив некоторые параметры, прям стало куда легче, спасибо!
Спасибо
Крутой ролик!! Спасибо Макс, было полезно )))
Поделись картинкой на рабочем столе )
Макс, спасибо за видос. Подскажи, возможно вытащить из архива только сниппеты , без остальных настроек?
Вроде при импорте есть выбор
А какой ты язык программирование используешь? И какой ты посоветуешь? Или ты делаешь свой?
Никогда в полноценных проектах не используется 1 язык. Каждый язык решает свои задачи, поэтому выбирай язык под то, чем хочешь заниматься. Программирование не о знании языка, а об знании общих концепций, алгоритмов и т.д. Тебе нужно выбрать язык, который тебе нравится, чтобы научится этим всем алгтритмам, ООП и т.д., а потом уже сможешь писать на любом языке, так как переходить между языками совсем не сложно
Как всегда топчик )
Как думаешь, есть ли большая разница между phpstorm и webstorm? Сижу на phpstorm уже два года с начала обучения, сейчас задумался, а вдруг вебшторм "полегче" в плане нагрузки системы. Пишу на TS, NodeJS. Как считаешь, есть ли смысл переходить?
Если php не используете да есть смысл
Макс огромное спасибо. К тебе как к монстру по вебшторму есть вопрос - как можно сделать так чтобы при импорте фалов .js вебшторм автоматически прописывал путь вместе с расширениями типа ./data/data.js а не просто ./data/data и все? или такой возможности нет?
🤷♂️
У меня по умолчанию расширение вставляет, значит есть такая настройка
это настройка или в eslint или typescript, от нее отталкивается
Еее наконец-то. Классный ролик вышел. Спасибо что прошерстил настройки, очень многое заюзаю у себя. По поводу ошибки с кодом, о которой ты говорил. У меня был кейс, когда я пытался открыть php проект в шторме, и при поиске по файлам, он умирал, так что скорее всего да, ты прав, шторм не тянет код языков, которые он не поддерживает
Как всегда лайк автоматом
А откуда можно скачать твой walpaper? :D
Спасибо, очень полезно
Webstorm не использую, но все равно поставлю лайк т.к. Макс красавчик.
Когда видос по деплою? Если он будет конечно)
В ws так и не сделали возможность сохранения настроек ide глобально и приходится каждый раз по новой настркивать для каждого проекта отдельно?
Да(
@@REDGroup 😥
Круто. Будем юзать
54:00 Setting -> Editor -> Color Scheme -> выбираем что красим - убираем галку inherit values from и выставляем свой цвет. Voila!
А ты не пробовал плагин EasyCode? если все равно за gpt платишь, там прописываеться твой токен и окно gpt встраиваеться в вебшторм как и Ai Assistant
Не пробовал
Привет, можешь фон рабочего стола скинуть ?)
Спасибо, дружище, пользуюсь до сих пор только штормом) тема nightfall - бомба, дай бог здоровья)
Спасибо! У меня вечно висит ESlint timeout, а в остальном очень крутая IDE, причем лет 10 пользуюсь RubyMine и года 3 WebStorm
Макс, мы ООООЧЕНЬ ценим твои видео и твои СТАРАНИЯ!❤️ Просто, Вебсторм тема платная... Ну, ты понимаешь 😉 Безотносительно качества, плюшек и использования в полевых условиях. Не каждый джун может себе его позволить. Большинство, как и собссна, считают, что VSCode - золотой стандарт. Но, конечно, это де-факто, не так. Ещё раз спасибо за МЕГА-ПОЛЕЗНЫЙ материал!
Да, я понимаю. Многие просто просили снять настройку шторма. Ничего страшного, red planner точно взорвет.
Приступаю к настройке PhpStorm, и я уверен что моя работоспособность увеличиться в разы!!!😁👍
Макс,ты огромный трудолюбец! Спасибо за видео!
Пожалуйста
Как альтернатива платным AI, можно использовать Codeium и плагин есть
Макс, сделай по Angular путь до мидла!!!
Очень жаль, что ты забросил эту рубрику.
Спасибо
Обязательно гляну, увидел сообщение в телеге - грустно
VS Code мы будем подключать плагины
WebStorm мы будем отключать плагины
nvim мы будем искать плагины
JetBrains AI меня совсем не впечатлил, особенно цена, если сравнивать с предлагаемым функционалом. Оно мягко говоря не угадывает в большинстве случаев. Проблема в том что AI ничего не знает о проекте и подсказки из-за этого не в тему. А вот Tabnine меня впечатлил даже в бесплатной версии. В итоге перешел на Pro версию т.к. он очень часто подсказывает многострочные куски кода, которые даже менять не надо. Но, минус в том что Tabnine знает о проекте и анализирует код проекта для генерации правильных подсказок. Т.е. он не подойдет для тех кто параноит приватностью.
в интенсивах есть написано есть практика, это практика по уроку или как она реализована? задание с автопроверкой или потом видео разбор ? при покупке подписки.
если кто знает, подскажите
Практика это то как подается материал. То есть с минимальным количество теории. Также есть небольшие задачи к урокам.
К сожалению за 3290₽ не получится предоставить кураторов и какую либо проверку заданий. Тогда бы наша подписка стоила 10 000 руб минимум.
спасибо, прекрасно понимаю, что индивидуального подхода ждать не стоит, просто интересно как-то контролируется освоение материла@@REDGroup
Нет, только самоконтроль. Платформа вам всячески с этим поможет, ну и также поддержка в чате, но не ведение.
Извините, я только начал, чем Вебшторм лучше вс кода?
Ничем, вс код лучше
Подсказки, аатокомплит
в основном для комадной работы в компании , робота з git
@@What_if233чем вс код лучше?
Если хочешь плохо рефакторить код, то говно вс код пойдёт. А если слабый пк, то можно вс код использовать.
В целом вс код лучше только загрузкой программы и ОЗУ
По ссылке не скачивается папка проекта 403 Forbidden, если перейти в хранилище и скачать, то все ок :)
Спасибо, сейчас исправлю
Я один пропустил момент где взять архив с настройками для редактора?)
В самом начале сказал
Макс, выводит ошибку 403, когда перехожу по ссылке для скачивания настроек(
Не знаю в чем проблема у меня скачивает
👍👍👍
Офигенно
51:57 editorconfig работает с WS & VSC 🙂
+ полезный ролик, мог бы импортнуть свои настройки а то под видео скачать настройку для VS Code)))
В описании поменял название ссылки все было
Пробовал Fleet?
Конечно, видно смотрите внимательнее. Флит еще сырой
Настройки не скачиваются 403 Forbidden
Уже работает, ссылку изменил
Макс, спасибо большое! Ты - крутой! Просьба просто ОГРОМНАЯ!!! УЛЫБАЙСЯ! Ты - симпотный парень, умный, толковый, целеустремлённый, но ты очень очень очень мало улыбаешься...
не могу скачать конфиг "403 Forbidden"
Вроде все стабильно, жалоб не было
Эмм. "File > Manage IDE Settings > Export/Import Settings"
И что? Я говорил про json файл как в vs code.
Привет, спасибо большое за проделанную работу! а ты сможешь сделать гайд или может ткни меня ссылкой, как я могу безопасно пользоваться торрентом в ЕС? Пожалууййстаа.
Не моя спицифика
Ссылка на папку проекта нерабочая.
Рабочая, надо просто войти на платформе это бесплатно
@@REDGroup
я залогинен, в личном кабинете все работает. а вот по ссылке 403 Forbidden nginx/1.19.2
можно настройку JetBrains Rider пожалуйста
В настройках по дефолту включена опция автосохранения после смены фокуса. Автор через несколько минут ролика: "Почему нет обозначения какой файл был редактирован?"
Внимательнее видео смотрите, после изменения настройки, оно заработало так как я сказал.
Да и в целом зачем сохранять файл при изменение фокуса, это бред настройка
лайк за старания