Заменяем page.tsx на свои лейблы
HTML-код
- Опубликовано: 3 июн 2024
- Редактор VS Code выпустил настройку под названием custom labels, которая позволяет помечать файлы под собственными названиями. Это удобно, когда на проекте обилие индексных файлов или стилевых с одинаковым названием. Также данный паттерн понравится всем тем, кто работает с NextJS и его App Router, где все файлы страниц называются page.tsx.
Мои курсы по вебу с купонами:
✅ mishanep.com/
📢 Поддержка канала:
/ mishanep
www.tinkoff.ru/rm/nepomnyasch...
paypal.me/mishanep - Наука
О, это супер. Я просто предпочитаю имя файла === имя главного экспорта в файле. Т.е. Component.tsx, SomePage.tsx - так легче навигационировать, никогда не понимал людей которые все кладут в index.ts. Next.js роутер как-бы намекает мне, что круче иметь милиион файлов с одинаковым названием (почему-то). Ну хоть vscode позволит упорядочить. Спасибо!
Спасибо за видео. Это интересный формат. Ролик на несколько минут о возможных настройках редактора.
Можно наверное и о других, не новых, настройках снять. Ведь многие даже не знают на что их редактор способен и никогда не включают ее(настройку).
Еще некоторые ставят кучу расширений, а Майкрософт рано или поздно добавляет этот функционал к себе, в итоге наличие расширения показывается избыточным, а про то что это так - мы не знаем😅
Я так в каком то видео подсмотрел что есть настройка для окрашивания и подсвечивания(в разных вариациях) блока кода, например функции.
У меня на канале много видео на тему VS Code - как больших, так и совсем маленьких (в формате шортс).
Спасибо за видео, последнюю неделю мучился из-за одинаковых названий файлов, а теперь благодаря вашему видео все супер
Супер. Думаю настройка многим будет полезной.
спасибо Михаил за лайфхак
Это же круто, какие классные ребята у нас работают!
Огонь! Спасибо, Михаил!
Прикольно. Спасибо за контент. Не уверен что этим буду пользоваться прямо сейчас + проект стартАп, но сохраню себе в закладки.
Это действительно классное нововведение
Михаил, моё почтение!
Здорово!)
Спасибо!
Немодульные стили на чистом CSS - Михаил не ищет легких путей))
Они модульные =) Нейминг модульных стилей - это про настройки сборки. А так - история про то, когда лень всегда писать .module.
Полезная вещь!
К - круто!
❤
С квадратными скобками, к сожалению не работает - не удается задать pattern. В next.js они иногда встречаются.
А вы Angular знаете? К сожалению, в русском сегменте очень мало уроков по нему.
Пока не имел с ним дела. Я думаю больше про Svelte и Solidjs.
Для работы в команде лучше все-таки переименовывать файлы. Совершенно не факт, что у всех будет использоваться vscode, да и за пределами редактора могут возникнуть неожиданные затруднения. Возможно, индексные файлы как раз могут быть исключением, так как они весьма редко редактируются.
Иногда правила нейминга накладываются фреймворком, как в случае с Nextjs
так, посмотрим, тоже напрягает это
А ну вскод, это не работает для остальных программистов с вебстормом
Михаил, верните пожалуйста кружок😢
Маленький без фона? Или именно форма круга критична? :) Даже интересно. Кружок был средствами мака и его нельзя было сделать больше, люди сетовали, что мелко.
@@mishanep Кружок по симпатичнее выглядит, и правда было мелковато, но мне кажется это настраиваемо. Спасибо за ваши видео, узнаю много полезного и нового!
Page? Что за ужас) меня бы за такой нейминг на проекте расстреляли бы из реактивного говномета))
NextJs обязывает писать именно так :)
@@mishanep ах, воно оно что)