Настройка Webstorm 2022 + сравнение с Vs Code [JavaScript / JetBrains]

[@CodexWeb]

Привет, спасибо за инфу. Есть чем дополнить) *1. Форматирование* Импорты в шторме и так удаляются и добавляются автоматом. Форматирование тоже настраивается, как и кавычки, и точки с запятой. Так же он форматирует код сразу при вставке. Или по нажатию на горячие клавиши сразу весь файл. А если ещё поставить плагин SaveActions - будет автоматом форматировать при сохранении. Я вообще не вижу преимуществ Prettier перед встроенным форматированием. Зачем его ставить??? По оперативке - реально как то много. У меня PHP Storm меньше ест, а он ведь тяжелее. *2. Настройки.* Есть для проекта, есть для юзера или IDE (для всего сразу то есть) Смотри пункт 7 - я тебе привел там пример. *3. Изменение шрифта.* Ну здесь ты мучаешься конечно)) Можно настроить мышкой. Settings -> Editor -> General Отмечаешь в Mouse Control: 1. Change font size Ctrl + Mouse - для увеличения колёсиком мышки. 2. All editors - меняет шрифт сразу во всех редакторах *4. Автокомплит* НАМНОГО умнее. Как и проверки на варнинги. Иногда даже советует как лучше упростить код) *5. Скролл.* У тебя по ходу не включён плавный скроллинг. Я разницы не замечаю в редакторах. Settings -> Editor -> General -> Enable smooth scrolling *6.* 30:40 - в разделе Punctuation настроить кавычки и точку с запятой. Будет автоматом проставлять/заменять/удалять Просто ты топишь за производительность - так зачем этот Prittier? И файлов с настройками не надо. *7.* Всё те же 30:40 - ты ругался что каждый проект по новой настраивать надо, У тебя вверху выпадающий список Sheme и там стоит выбор Project. Таким образом ты сохраняешь настройки только для проекта. Выбирай пункт Default IDE и будут настройки одинаковые для всего. *8.* 32:19 - опять же реформат и оптимайзер импортов работают из коробки. Он их и добавляет и удаляет. Для автоформатирования при сохранении - нужно только плагин влепить (упоминал вначале) **9. Если быстро нажать два раза shift** откроется поиск по всему. *10.* По поводу тем, есть кейбинд быстрое переключение тем с предпросмотром. На винде это CTRL + ~ (там где буква ё). На маке, скорей всего команд + ~. Только смотри что бы английская раскладка стояла, на русской не работает)) Появится окошко где можно будет быстро просмотреть и выбрать тему и кеймап и иконки. Сразу оговорюсь, что препросмотр тем работает только в стандартном пункте. От материал темы там свой пункт добавлен - там препросмотра нету. Хотя я и лицензию не брал. Слишком прожорливая она. Посмотри ещё вот эти темы: 1. *Обязательно глянь - The Doki Theme* (ОГРОМНЫЙ выбор тем на любой вкус) Есть довольно интересные. Правда там няшки из анимешек вставляются, но их можно убрать или переместить в любое удобное место в редакторе. 2. CodelyTV Theme 3. GitHub Theme 4. Gruvbox 5. Hiberbee 6. Material Design Dark-Theme (будет называть в менюшке NotReallyMDTheme) 7. One Dark Theme

[@REDGroup]

Спасибо! Часть пунктов возьму на вооружение. *Double shift отключил, считаю его не удобным и часто мискликал *Колесиком мыши четкий размер шрифта не поставить *Prettier имеет дополненные функции (для больших проеквтов), но теперь для мелких проектов не буду использовать.

[@exactly4234]

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

[@worldoftulen5338]

Можешь, пожалуйста, подробнее объяснить 2 и 7 пункт (настройки для всех проектов, а не только для одного). Где именно находится переключатель на default ide?

[@REDGroup]

🔥 Оформить премиум подписку - htmllessons.ru/premium Надеюсь Вы оцените мои старания, с Вас лайк и подписка. 🔥 300 лайков и я снимаю еще ролик про Webstorm Если есть какие то фишки по этой теме - дай знать в 💬 комментариях! 00:00 - Начало 01:06 - Мой опыт 02:46 - Сравнение с VS Code/Форматирование 08:57 - TypeScript/Сравнение 09:41 - Общие настройки/Сравнение 10:31 - Смена размера шрифта/Сравнение 11:58 - Автокомплит/Сравнение 14:10 - Кастомизация/Сравнение 14:38 - Warnings/Сравнение 15:49 - Tailwind/Сравнение 17:49 - Скорость/Сравнение 18:19 - Цена/Сравнение 18:43 - Расширения/Сравнение 19:24 - Оформление и кастомизация 23:58 - Плагины 25:17 - Удаление некоторых стандартных плагинов 27:10 - Настройки 31:20 - Prettier 32:26 - GraphQL 34:18 - Топ горячих клавиш 38:05 - Файл настроек 39:04 - Что я выбрал для разработки?

[@ВладиславГлушко-д4в]

8:57 VSCODE - settings.json: "editor.quickSuggestionsDelay": 0 - Управляет длительностью задержки (в мс) перед отображением кратких предложений.

[@bbnowhat]

Спасибо

[@devcodingitstudio2764]

Видео топовое. Настроил свой webstorm. Супер

[@zvezdochkin]

Я этот ролик не ждал, но все равно посмотрю.

[@arturnevesomov8300]

Привет! Классное видео, очень интересно и познавательно. Подскажи, пожалуйста, какую тему ты использовал в vs code на видео?

[@REDGroup]

Привет, soft sight вроде

[@REDGroup]

Soft colors

[@raSonne]

нравится темп речи, нет подвисания, мммм…аааа…. итд. всё чётко

[@Grapeoff]

Помню, когда в детстве тыркался во всяких фотошопах и других программах, смотрел всякие туториалы и не понимал: как можно запомнить столько всяких функций в этих программах? В итоге не заметил, как вдоль и поперёк стал знать все кнопочки/функции и настройки в VSCode и WebStorm, так ещё к этому плюсуется язык программирования и конфигурация сторонних инструментов вроде linux, docker, elasticsearch. Возможности нашего мозга воистину поражают. Кстати стал замечать, что когда мне скучно и нет идей для проектов, но хочется хоть что-то поделать, я начинаю конфигурировать IDE, есть в этом что-то медитативное...

[@denzeroneYT]

Это да, но что-то не могу найти хороший способ изучения этого всего. Постоянно что-то вылетает из головы, а есть наоборот моменты, который пару раз посмотрел, и вообще не забываешь, пока не могу понять как это работает в нашем мозге, что-то хорошо и на долго запоминается, когда ты этого даже не хотел, а когда пытаешься именно целенаправленно запомнить, мало того что думать надо, изучать, так еще и не забыть через день, и в итоге бывает что забывают, что за бред.. а на счёт настроек, да, пользуюсь webStorm, из них очень мало знаю, за что отвечают и т. д. в основном пользовался из коробки

[@Grapeoff]

@@denzeroneYT Надо просто разочек открыть настройки и прям каждую вкладочку изучить, да, долго, но зато потом когда тебе будет что-то надо, и ты даже мб не будешь точно знать как это называется, то ты хотя бы будешь примерно (или точно) знать, где это искать. Я многое в вебшторме узнал по принципу "тут 100% должно быть это, это логично следует из того-то...", далее просто составляешь правильный запрос в гугле и вуаля, оно находится

[@ОлегПетров-п4у]

Спасибо за видео!

[@andreidetenkov]

попробуй Presentation mode view для записи видео (View>Appearance>Enter Presentation Mode). я несколько раз пытался пересесть на VSCode но меня он начинает бесить после 10 минут работы. ( полноценной работы с большим проектом где 500+ файлов)

[@REDGroup]

Попробую, да для больших проектов боль

[@remixrty6665]

всем привет! у меня macbook pro 16 2019, жутко греет проц в крупных проектах, webstorm’ом иногда невозможно пользоваться, перерыл все темы на youtrack, отключил все, что возможно. кто-то сталкивался с подобным? или вебштормом можно пользоваться только на самом-самом жире?

[@REDGroup]

У меня такая же история на M1 Max. Может чуть лучше, поэтому я уже давно вернулся на вс код

[@ninshu1138]

Привет, классно! Можешь записать про effector?

[@REDGroup]

Привет, не было опыта работы с ним

[@ПростоСаня-м3я]

Когда-то давно лет 6-7 пользовался Sublime Text с кучей плагинов, потом попробовал PHPStorm, больше ни на какие редакторы даже внимания не обращаю. Грубо говоря, все по сравнению с ним уже как обычный блокнот) Ну это для меня так, кому нравится Sublime или VSC, я не осуждаю :D

[@denzeroneYT]

Ну так да, самые крутые программки, помню кто-то говорил, что лагает, но это их вина, смысл такие жирные ide, запускать, на древних слабых ПК. Эти программы созданы для разработчиков, которые добились какого-то успеха, у которых мощные компы(но не обязательно, и без мощных компов летает, у меня максимум что тянет, это гта 5 на минималках, типа самое хужее разрешение и т.д.) = 100 фпс, в онлайне что-то странно куда ниже + фризы. Так что не особо для игр, а вот с ide прекрасно справляется, самое то

[@nouchance]

Спасибо СЭР!

[@folomba]

Всем привет, народ! Кто-нибудь может подсказать, как убрать отображение вертикальных полей глифа для точек останова?

[@REDGroup]

Я в видео показывал

[@vsevolod_zorin]

отлично!

[@savenkodan]

у меня наоборот vs code лагает, а web storm нет )

[@dmaberlin]

Спасибо!

[@rmltsn]

Работает быстрее чем VSCode у меня на винде, не знаю в чем тут дело. Второй раз дали бесплатный триал спустя полгода.

[@X1N06]

Кто нибудь знает , как сделать в шторме чтоб для scss/sass файлов работало нормально go-to и find usages? Я как не пытался не сдалал. В чистом css работает, на препроцц нет , приходит использовать поиск , а это не так удобно. А я много пишу в препроцах, это раздражает. В vs это работает с помощью плагина css-navigator а тут вот никак. И как сделать предложку классов после того как написал &__. Он не подсказывает слассы из HTML. Влоденность работает в итоге не на полную катушку, я не хочу их печатать, в вс код опять же работает . Но кроме этого все в шторме круто . Но это очень тормозит , неужели нельзя как то решить вот думаю

[@icu4]

ема секс, жду с нетерпением 2023 версию этой IDE-шки, очень удобный инструмент

[@denzeroneYT]

+ уже, сейчас испытываю, и новый вид програмы, вроде бы выглядит прикольно, сейчас этим не парюсь, больше учиться пытаюсь, ведь очень мало всего знаю

[@Kirikmasov]

Подскажите, как можно извлечь свой конфиг, что бы не перенастраивть все на другом компе!

[@REDGroup]

File -> IDE Settings -> Export в верхнем меню

[@eugeneshiyan]

Макс, ты крутой

[@vitaliisapryga4825]

Как поменять местами атрибуты, чтобы атрибут class был первый?

[@X1N06]

Если ещё актуально , то Настройки / editor / code style / HTML Там выбираем rearrange кажется , ну поймёшь , там такое одно только Нам есть окошко такое , один пункт какой то там уже есть. Вот надо нажать там плюсик, и выбрать attribute, в поле ввода напечатать class, ниже есть раскрывающийся список , там выбрать "by name" Ну и все

[@X1N06]

Но работает это для родного форматера, притер не будет Но я вышел из этой ситуации так...в action on save я поставил галочку на rearrange и притер , а на форматинг убрал , в итоге форматирую через сохранение, хотя у меня авто стоит

[@ЕвгенийСоловьев-м8с]

здравствуйте хочу с вами по общаться по одной теме куда вам а писаться не при людно!???

[@REDGroup]

Добрый день, Евгений. Работа не интересует, проекты на заказ не делаю, менторства тоже нет, в никаких партнёрских отношениях не участвую. Если вопрос про другое, пишите [e-mail]

[@theoty-js]

Теперь настроил свой ide , до первого сноса, поскольку каждый месяц удаляю и снова устанавливаю

[@renderfuture6152]

у меня через трекпад увеличивается

[@REDGroup]

Каждый файл по отдельности

[@BRAVTV7]

👍👍👍

[@pochtaufa]

вместо cmd плюс "+/-" надо жать cmd и колесико мыши вниз/вверх

[@REDGroup]

Это не тот функционал, то что вы пишите меняет размер лишь в одном файле и так каждый раз

[@kucher32]

Пробуй говорить еще быстрее. Нужно больше скорости.

[@REDGroup]

Хорошо, попробую еще быстрее

[@morozov2161]

Ещё работать в мултиязычных проектах не удобно

[@REDGroup]

Где?

[@morozov2161]

@@REDGroup В шторме

[@REDGroup]

Не знаю, проблем не ощущал.

[@denzeroneYT]

Не знаю что тебе там не удобно, все по кайфу, кефтеме

[@EpicSliceExplorer]

Шрифт можно змінювати за допомогою Ctrl + колесо мишки. Цю настройку можно включити в настройках програми

[@REDGroup]

Это все равно не то, во первых я на трек паде работаю, во вторых колёсиком точное значение не выставить

[@EpicSliceExplorer]

Use the search box to find Increase font size, Decrease font size, and Reset font size actions. Assign the desired shortcuts to these actions and save the changes

[@REDGroup]

Спасибо, но это меняет шрифт в текущем файле, когда переходишь в другой сбрасывается

[@ayalpaganini6019]

А как оплатить подписку в рф?

[@REDGroup]

telegra.ph/Kak-oplatit-dostup-k-intensivam-Esli-ty-ne-iz-Rossii-03-15

[@topalek]

менять размер шрифта CTRL+ Колесо мыши

[@REDGroup]

Прежде чем писать, чекните другие комменты. Это не то

[@avel8965]

Пожалуй, поставлю настройку для видимости размера файла и подсказку команд , больше ничего трогать не буду. Классический вид поинтереснее выглядит, как по мне

[@point111]

Rainbow Brackets поставь, офигенно помогает читать код с кучей вложенных функций

[@REDGroup]

Каждому своё

[@forcemajor6760]

Можно быстрее говорить? Слишком медленно.

[@REDGroup]

Могу ещё быстрее

[@denzeroneYT]

Я на х2 смотрел, и нормально, не жалуюсь

[@ihomeer6804]

Чееел, 4 минуты рекламы

[@REDGroup]

Свой проект

[@denzeroneYT]

Нет перемотки видео?

[@frontenduser]

Понравился Svelte, почти все проекты на нем. При использовании lang=ts на Vite-plugin-svelte в вебшторме просто ломаются импорты, перешел на вскод, все нормально...

[@denzeroneYT]

Ну смотря что ты делаешь, много вариантов в чём может быть проблема, ведь ide очень большая, пока проблем не испытывал