Заменяем 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
  • НаукаНаука

Комментарии • 30

  • @somewonderfulguy
    @somewonderfulguy 22 дня назад +12

    О, это супер. Я просто предпочитаю имя файла === имя главного экспорта в файле. Т.е. Component.tsx, SomePage.tsx - так легче навигационировать, никогда не понимал людей которые все кладут в index.ts. Next.js роутер как-бы намекает мне, что круче иметь милиион файлов с одинаковым названием (почему-то). Ну хоть vscode позволит упорядочить. Спасибо!

  • @user-eg5cg3lk3e
    @user-eg5cg3lk3e 22 дня назад +5

    Спасибо за видео. Это интересный формат. Ролик на несколько минут о возможных настройках редактора.
    Можно наверное и о других, не новых, настройках снять. Ведь многие даже не знают на что их редактор способен и никогда не включают ее(настройку).
    Еще некоторые ставят кучу расширений, а Майкрософт рано или поздно добавляет этот функционал к себе, в итоге наличие расширения показывается избыточным, а про то что это так - мы не знаем😅
    Я так в каком то видео подсмотрел что есть настройка для окрашивания и подсвечивания(в разных вариациях) блока кода, например функции.

    • @mishanep
      @mishanep  22 дня назад

      У меня на канале много видео на тему VS Code - как больших, так и совсем маленьких (в формате шортс).

  • @kovalevUP
    @kovalevUP 22 дня назад

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

  • @black_light
    @black_light 22 дня назад

    Супер. Думаю настройка многим будет полезной.

  • @NeoCoding
    @NeoCoding 19 дней назад

    спасибо Михаил за лайфхак

  • @user-qh2em5cb2i
    @user-qh2em5cb2i 22 дня назад

    Это же круто, какие классные ребята у нас работают!

  • @sivtsev
    @sivtsev 21 день назад

    Огонь! Спасибо, Михаил!

  • @kri4evskiy
    @kri4evskiy 22 дня назад +1

    Прикольно. Спасибо за контент. Не уверен что этим буду пользоваться прямо сейчас + проект стартАп, но сохраню себе в закладки.

  • @proletarian
    @proletarian 22 дня назад +1

    Это действительно классное нововведение

  • @vladimirgusar4173
    @vladimirgusar4173 21 день назад

    Михаил, моё почтение!

  • @user-nj9yu4dd8p
    @user-nj9yu4dd8p 22 дня назад +1

    Здорово!)
    Спасибо!

  • @amvlasenko
    @amvlasenko 22 дня назад +2

    Немодульные стили на чистом CSS - Михаил не ищет легких путей))

    • @mishanep
      @mishanep  22 дня назад +5

      Они модульные =) Нейминг модульных стилей - это про настройки сборки. А так - история про то, когда лень всегда писать .module.

  • @othersidesss1
    @othersidesss1 22 дня назад

    Полезная вещь!

  • @serious_psychologist
    @serious_psychologist 22 дня назад

    К - круто!

  • @ssurrokk
    @ssurrokk 22 дня назад

  • @somewonderfulguy
    @somewonderfulguy 14 дней назад

    С квадратными скобками, к сожалению не работает - не удается задать pattern. В next.js они иногда встречаются.

  • @baxram97
    @baxram97 22 дня назад

    А вы Angular знаете? К сожалению, в русском сегменте очень мало уроков по нему.

    • @mishanep
      @mishanep  21 день назад

      Пока не имел с ним дела. Я думаю больше про Svelte и Solidjs.

  • @rodionme
    @rodionme 22 дня назад

    Для работы в команде лучше все-таки переименовывать файлы. Совершенно не факт, что у всех будет использоваться vscode, да и за пределами редактора могут возникнуть неожиданные затруднения. Возможно, индексные файлы как раз могут быть исключением, так как они весьма редко редактируются.

    • @mishanep
      @mishanep  22 дня назад +3

      Иногда правила нейминга накладываются фреймворком, как в случае с Nextjs

  • @caH40yc
    @caH40yc 22 дня назад

    так, посмотрим, тоже напрягает это

  • @ylcsl4378
    @ylcsl4378 22 дня назад

    А ну вскод, это не работает для остальных программистов с вебстормом

  • @heerkopf
    @heerkopf 22 дня назад

    Михаил, верните пожалуйста кружок😢

    • @mishanep
      @mishanep  21 день назад

      Маленький без фона? Или именно форма круга критична? :) Даже интересно. Кружок был средствами мака и его нельзя было сделать больше, люди сетовали, что мелко.

    • @heerkopf
      @heerkopf 21 день назад +1

      @@mishanep Кружок по симпатичнее выглядит, и правда было мелковато, но мне кажется это настраиваемо. Спасибо за ваши видео, узнаю много полезного и нового!

  • @wannabecoder3960
    @wannabecoder3960 21 день назад

    Page? Что за ужас) меня бы за такой нейминг на проекте расстреляли бы из реактивного говномета))

    • @mishanep
      @mishanep  21 день назад

      NextJs обязывает писать именно так :)

    • @wannabecoder3960
      @wannabecoder3960 20 дней назад

      @@mishanep ах, воно оно что)