Тёмный

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

RED Group
Подписаться 69 тыс.
Просмотров 38 тыс.
50% 1

Опубликовано:

 

26 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 75   
@CodexWeb
@CodexWeb 2 года назад
Привет, спасибо за инфу. Есть чем дополнить) *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
@REDGroup 2 года назад
Спасибо! Часть пунктов возьму на вооружение. *Double shift отключил, считаю его не удобным и часто мискликал *Колесиком мыши четкий размер шрифта не поставить *Prettier имеет дополненные функции (для больших проеквтов), но теперь для мелких проектов не буду использовать.
@exactly4234
@exactly4234 9 месяцев назад
на webstorm hotkey не работаю, че-то куда-то надо лезть, че-то разбираться, блять я так заебался в миллионе настроек, ну его нахуй. какой язык жопный, такая и прога, то ли дело intellij
@worldoftulen5338
@worldoftulen5338 5 месяцев назад
Можешь, пожалуйста, подробнее объяснить 2 и 7 пункт (настройки для всех проектов, а не только для одного). Где именно находится переключатель на default ide?
@raSonne
@raSonne Год назад
нравится темп речи, нет подвисания, мммм…аааа…. итд. всё чётко
@Grapeoff
@Grapeoff 2 года назад
Помню, когда в детстве тыркался во всяких фотошопах и других программах, смотрел всякие туториалы и не понимал: как можно запомнить столько всяких функций в этих программах? В итоге не заметил, как вдоль и поперёк стал знать все кнопочки/функции и настройки в VSCode и WebStorm, так ещё к этому плюсуется язык программирования и конфигурация сторонних инструментов вроде linux, docker, elasticsearch. Возможности нашего мозга воистину поражают. Кстати стал замечать, что когда мне скучно и нет идей для проектов, но хочется хоть что-то поделать, я начинаю конфигурировать IDE, есть в этом что-то медитативное...
@denzeroneYT
@denzeroneYT Год назад
Это да, но что-то не могу найти хороший способ изучения этого всего. Постоянно что-то вылетает из головы, а есть наоборот моменты, который пару раз посмотрел, и вообще не забываешь, пока не могу понять как это работает в нашем мозге, что-то хорошо и на долго запоминается, когда ты этого даже не хотел, а когда пытаешься именно целенаправленно запомнить, мало того что думать надо, изучать, так еще и не забыть через день, и в итоге бывает что забывают, что за бред.. а на счёт настроек, да, пользуюсь webStorm, из них очень мало знаю, за что отвечают и т. д. в основном пользовался из коробки
@Grapeoff
@Grapeoff Год назад
@@denzeroneYT Надо просто разочек открыть настройки и прям каждую вкладочку изучить, да, долго, но зато потом когда тебе будет что-то надо, и ты даже мб не будешь точно знать как это называется, то ты хотя бы будешь примерно (или точно) знать, где это искать. Я многое в вебшторме узнал по принципу "тут 100% должно быть это, это логично следует из того-то...", далее просто составляешь правильный запрос в гугле и вуаля, оно находится
@zvezdochkin
@zvezdochkin 2 года назад
Я этот ролик не ждал, но все равно посмотрю.
@devcodingitstudio2764
@devcodingitstudio2764 Год назад
Видео топовое. Настроил свой webstorm. Супер
@ВладиславГлушко-д4в
8:57 VSCODE - settings.json: "editor.quickSuggestionsDelay": 0 - Управляет длительностью задержки (в мс) перед отображением кратких предложений.
@bbnowhat
@bbnowhat Год назад
Спасибо
@rmltsn
@rmltsn 2 года назад
Работает быстрее чем VSCode у меня на винде, не знаю в чем тут дело. Второй раз дали бесплатный триал спустя полгода.
@ОлегПетров-п4у
@ОлегПетров-п4у 2 года назад
Спасибо за видео!
@theoty-js
@theoty-js 2 года назад
Теперь настроил свой ide , до первого сноса, поскольку каждый месяц удаляю и снова устанавливаю
@icu4
@icu4 Год назад
ема секс, жду с нетерпением 2023 версию этой IDE-шки, очень удобный инструмент
@denzeroneYT
@denzeroneYT Год назад
+ уже, сейчас испытываю, и новый вид програмы, вроде бы выглядит прикольно, сейчас этим не парюсь, больше учиться пытаюсь, ведь очень мало всего знаю
@andreidetenkov
@andreidetenkov 2 года назад
попробуй Presentation mode view для записи видео (View>Appearance>Enter Presentation Mode). я несколько раз пытался пересесть на VSCode но меня он начинает бесить после 10 минут работы. ( полноценной работы с большим проектом где 500+ файлов)
@REDGroup
@REDGroup 2 года назад
Попробую, да для больших проектов боль
@nouchance
@nouchance 2 года назад
Спасибо СЭР!
@savenkodan
@savenkodan 2 года назад
у меня наоборот vs code лагает, а web storm нет )
@vsevolod_zorin
@vsevolod_zorin 2 года назад
отлично!
@dmaberlin
@dmaberlin 2 года назад
Спасибо!
@eugeneshiyan
@eugeneshiyan 2 года назад
Макс, ты крутой
@avel8965
@avel8965 2 года назад
Пожалуй, поставлю настройку для видимости размера файла и подсказку команд , больше ничего трогать не буду. Классический вид поинтереснее выглядит, как по мне
@point111
@point111 2 года назад
Rainbow Brackets поставь, офигенно помогает читать код с кучей вложенных функций
@REDGroup
@REDGroup 2 года назад
Каждому своё
@ninshu1138
@ninshu1138 2 года назад
Привет, классно! Можешь записать про effector?
@REDGroup
@REDGroup 2 года назад
Привет, не было опыта работы с ним
@BRAVTV7
@BRAVTV7 2 года назад
👍👍👍
@kucher32
@kucher32 2 года назад
Пробуй говорить еще быстрее. Нужно больше скорости.
@REDGroup
@REDGroup 2 года назад
Хорошо, попробую еще быстрее
@remixrty6665
@remixrty6665 Год назад
всем привет! у меня macbook pro 16 2019, жутко греет проц в крупных проектах, webstorm’ом иногда невозможно пользоваться, перерыл все темы на youtrack, отключил все, что возможно. кто-то сталкивался с подобным? или вебштормом можно пользоваться только на самом-самом жире?
@REDGroup
@REDGroup Год назад
У меня такая же история на M1 Max. Может чуть лучше, поэтому я уже давно вернулся на вс код
@Kirikmasov
@Kirikmasov Год назад
Подскажите, как можно извлечь свой конфиг, что бы не перенастраивть все на другом компе!
@REDGroup
@REDGroup Год назад
File -> IDE Settings -> Export в верхнем меню
@ЕвгенийСоловьев-м8с
здравствуйте хочу с вами по общаться по одной теме куда вам а писаться не при людно!???
@REDGroup
@REDGroup 2 года назад
Добрый день, Евгений. Работа не интересует, проекты на заказ не делаю, менторства тоже нет, в никаких партнёрских отношениях не участвую. Если вопрос про другое, пишите info@htmllessons.ru
@folomba
@folomba 2 года назад
Всем привет, народ! Кто-нибудь может подсказать, как убрать отображение вертикальных полей глифа для точек останова?
@REDGroup
@REDGroup 2 года назад
Я в видео показывал
@vitaliisapryga4825
@vitaliisapryga4825 Год назад
Как поменять местами атрибуты, чтобы атрибут class был первый?
@X1N06
@X1N06 Год назад
Если ещё актуально , то Настройки / editor / code style / HTML Там выбираем rearrange кажется , ну поймёшь , там такое одно только Нам есть окошко такое , один пункт какой то там уже есть. Вот надо нажать там плюсик, и выбрать attribute, в поле ввода напечатать class, ниже есть раскрывающийся список , там выбрать "by name" Ну и все
@X1N06
@X1N06 Год назад
Но работает это для родного форматера, притер не будет Но я вышел из этой ситуации так...в action on save я поставил галочку на rearrange и притер , а на форматинг убрал , в итоге форматирую через сохранение, хотя у меня авто стоит
@topalek
@topalek 2 года назад
менять размер шрифта CTRL+ Колесо мыши
@REDGroup
@REDGroup 2 года назад
Прежде чем писать, чекните другие комменты. Это не то
@morozov2161
@morozov2161 2 года назад
Ещё работать в мултиязычных проектах не удобно
@REDGroup
@REDGroup 2 года назад
Где?
@morozov2161
@morozov2161 2 года назад
@@REDGroup В шторме
@REDGroup
@REDGroup 2 года назад
Не знаю, проблем не ощущал.
@denzeroneYT
@denzeroneYT Год назад
Не знаю что тебе там не удобно, все по кайфу, кефтеме
@renderfuture6152
@renderfuture6152 Год назад
у меня через трекпад увеличивается
@REDGroup
@REDGroup Год назад
Каждый файл по отдельности
@ayalpaganini6019
@ayalpaganini6019 2 года назад
А как оплатить подписку в рф?
@REDGroup
@REDGroup 2 года назад
telegra.ph/Kak-oplatit-dostup-k-intensivam-Esli-ty-ne-iz-Rossii-03-15
@ihomeer6804
@ihomeer6804 2 года назад
Чееел, 4 минуты рекламы
@REDGroup
@REDGroup 2 года назад
Свой проект
@denzeroneYT
@denzeroneYT Год назад
Нет перемотки видео?
@REDGroup
@REDGroup 2 года назад
🔥 Оформить премиум подписку - 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 - Что я выбрал для разработки?
@spermakonya
@spermakonya 2 года назад
Понравился Svelte, почти все проекты на нем. При использовании lang=ts на Vite-plugin-svelte в вебшторме просто ломаются импорты, перешел на вскод, все нормально...
@denzeroneYT
@denzeroneYT Год назад
Ну смотря что ты делаешь, много вариантов в чём может быть проблема, ведь ide очень большая, пока проблем не испытывал
@ПростоСаня-м3я
@ПростоСаня-м3я 2 года назад
Когда-то давно лет 6-7 пользовался Sublime Text с кучей плагинов, потом попробовал PHPStorm, больше ни на какие редакторы даже внимания не обращаю. Грубо говоря, все по сравнению с ним уже как обычный блокнот) Ну это для меня так, кому нравится Sublime или VSC, я не осуждаю :D
@denzeroneYT
@denzeroneYT Год назад
Ну так да, самые крутые программки, помню кто-то говорил, что лагает, но это их вина, смысл такие жирные ide, запускать, на древних слабых ПК. Эти программы созданы для разработчиков, которые добились какого-то успеха, у которых мощные компы(но не обязательно, и без мощных компов летает, у меня максимум что тянет, это гта 5 на минималках, типа самое хужее разрешение и т.д.) = 100 фпс, в онлайне что-то странно куда ниже + фризы. Так что не особо для игр, а вот с ide прекрасно справляется, самое то
@forcemajor6760
@forcemajor6760 2 года назад
Можно быстрее говорить? Слишком медленно.
@REDGroup
@REDGroup 2 года назад
Могу ещё быстрее
@denzeroneYT
@denzeroneYT Год назад
Я на х2 смотрел, и нормально, не жалуюсь
@X1N06
@X1N06 Год назад
Кто нибудь знает , как сделать в шторме чтоб для scss/sass файлов работало нормально go-to и find usages? Я как не пытался не сдалал. В чистом css работает, на препроцц нет , приходит использовать поиск , а это не так удобно. А я много пишу в препроцах, это раздражает. В vs это работает с помощью плагина css-navigator а тут вот никак. И как сделать предложку классов после того как написал &__. Он не подсказывает слассы из HTML. Влоденность работает в итоге не на полную катушку, я не хочу их печатать, в вс код опять же работает . Но кроме этого все в шторме круто . Но это очень тормозит , неужели нельзя как то решить вот думаю
@arturnevesomov8300
@arturnevesomov8300 2 года назад
Привет! Классное видео, очень интересно и познавательно. Подскажи, пожалуйста, какую тему ты использовал в vs code на видео?
@REDGroup
@REDGroup 2 года назад
Привет, soft sight вроде
@REDGroup
@REDGroup 2 года назад
Soft colors
@pochtaufa
@pochtaufa 2 года назад
вместо cmd плюс "+/-" надо жать cmd и колесико мыши вниз/вверх
@REDGroup
@REDGroup 2 года назад
Это не тот функционал, то что вы пишите меняет размер лишь в одном файле и так каждый раз
@EpicSliceExplorer
@EpicSliceExplorer 2 года назад
Шрифт можно змінювати за допомогою Ctrl + колесо мишки. Цю настройку можно включити в настройках програми
@REDGroup
@REDGroup 2 года назад
Это все равно не то, во первых я на трек паде работаю, во вторых колёсиком точное значение не выставить
@EpicSliceExplorer
@EpicSliceExplorer 2 года назад
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
@REDGroup 2 года назад
Спасибо, но это меняет шрифт в текущем файле, когда переходишь в другой сбрасывается
Далее
Как он понял?
00:13
Просмотров 129 тыс.
VS Code vs Webstorm - 5 Things You NEED to Know!
7:16
Просмотров 114 тыс.