Используйте unakki для организации ваших проектов и автоматизации процесса создания разных файлов каждый раз, когда вам нужно создать новый компонент.
Так скучно создавать один и тот же файл снова и снова. Например, создание другого компонента в приложении React. Вы также можете иногда ошибаться, так как некоторые файлы могут отсутствовать при создании или что-то еще.
Вот простой инструмент CLI для всего этого 🥳!
Я создал unakki, чтобы разработчики могли организовывать свои проекты и автоматизировать процесс создания разных файлов каждый раз, когда им нужно создать новый компонент. Это не только поможет им создавать разные файлы, но и назначать содержимое по умолчанию внутри файла! Это поможет разработчикам создать согласованную структуру папок и файлов в своих проектах.
Давайте не будем терять время и сразу приступим к его использованию!
Прежде всего, создайте папку, инициализируйте проект Node.js и установите unakki.
mkdir my-project && cd my-project npm init npm install -D unakki
Теперь у вас все настроено 🙌!
Запустите эту команду, чтобы инициализировать ваш проект с помощью unakki!
npx unakki init
Он задаст вам несколько вопросов:
Во-первых, он запрашивает имя компонента: вы можете назвать его как угодно, это будет использоваться для создания компонентов позже.
Корневой каталог вашего компонента: где будут храниться созданные файлы.
Ваши файлы: файлы, которые должны быть созданы, несколько файлов можно записать с пробелом. ‹name› обозначает настраиваемый аргумент имени, передаваемый в интерфейс командной строки, который помогает вам каждый раз создавать разные компоненты.
Теперь он создал файл конфигурации unakki.json в корне проекта. Итак, вы все готовы идти! Если вам нужно в будущем добавить некоторые файлы и новый объект в файл конфигурации с этими фрагментами информации.
Теперь давайте мгновенно создадим несколько файлов ⚡️!
Запустите эту команду в терминале:
unakki dev create page Home
Тада 🎊, теперь вы можете увидеть два новых файла:
Это сэкономит вам много времени, если вы делаете много работы или, может быть, даже несколько небольших проектов!
Давайте посмотрим, как мы можем добавить значения по умолчанию в файлы:
"files": {
{ "name": "<name>/index.ts", "defaultValue": "export * from './types';" },
{ "name": "<name>/types.ts", "defaultValue": "export interface Type {};" }
}
Добавление свойства defaultValue с именем файла заменит комментарий по умолчанию добавленным вами значением.
Узнайте больше о Unakki здесь! Не забудьте поставить звездочку ⭐️!
Надеюсь, сегодня вы узнали что-то новое!
Поддержите мою работу: Paypal 💰
Если вы хотите узнать больше обо мне, вот мое Дерево ссылок 🌲 .
Спасибо за прочтение ❤️!
Дополнительные материалы на PlainEnglish.io. Подпишитесь на нашу бесплатную еженедельную рассылку новостей. Подпишитесь на нас в Twitter и LinkedIn. Посетите наш Community Discord и присоединитесь к нашему Коллективу талантов.
