Что нового в vite-plugin-create v1.0.1 или как я ещё на шаг приблизился к идеальному генератору

от автора

После выхода первой версии плагина я решил сразу сесть за реализацию roadmap

Новая версия vite-plugin-create — это не просто багфиксы, а большой шаг в сторону реальной кастомизации. Теперь ты сам определяешь, что ты хочешь генерировать, как называть, какие шаблоны использовать — и всё это максимально просто.

🔥 Главное в v1.0.1

🧱 Кастомные генераторы

Пример:

"store": {   "path": "stores/{{name}}",   "files": {     "{{name}}.ts": "templates/store/zustand.ts"   } }

🧠 Умный init

Команда npx vite-create init теперь спрашивает:

  • TypeScript или JavaScript?

И создаёт конфиг и шаблоны только под твой стек. Никакого лишнего мусора. Всё — под тебя.

🧩 Поддержка jsx и js

Теперь ты можешь выбрать формат шаблонов по умолчанию. Даже если проект у тебя на чистом JavaScript — всё сгенерируется правильно, включая index.js и .jsx компоненты.

🎨 Нейминг по генератору

Хочешь компоненты в PascalCase, а сторы в camelCase? Без проблем. В конфиге можно указать стиль для каждого генератора отдельно.

Пример конфига:

"generators": {   "component": {     "path": "components/{{name}}",     "fileNameStyle": "pascalCase",     "files": {       "{{name}}.tsx": "templates/component/component.tsx",       "index.ts": "templates/component/index.ts",       "{{name}}.module.scss": "templates/component/style.scss"     }   },   "store": {     "path": "stores/{{name}}",     "fileNameStyle": "camelCase",     "files": {       "{{name}}.ts": "templates/store/zustand.ts"     }   } }

🛠️ Как это работает

Всё по-прежнему просто:

npx vite-create init npx vite-create component MyButton npx vite-create store userStore npx vite-create custom whatever

Шаблоны лежат в templates/, используются Handlebars-переменные ({{name}}, {{PascalCaseName}}, и т.д.).

🌱 Что дальше

Вот куда всё движется:

  • 🧩 Визуальный интерфейс для генерации конфига

  • 🧪 Playground-сайт с документацией и live preview

  • 🛠️ CLI-помощник для добавления новых генераторов без ручного редактирования JSON

Заключение

Plop.js — мощный инструмент. Но vite-plugin-create — это про простоту. Про zero-config старт. Про то, чтобы за 1 минуту у тебя были свои шаблоны, генераторы и работающая команда. Попробуй vite-plugin-create, если хочешь меньше рутины и больше контроля.

Пиши фидбек, кидай идеи — я читаю всё.

И, как говорится — see you in the terminal.

📦 GitHub: github.com/dimatitov/vite-plugin-create
📥 npm: vite-plugin-create on npm
📝 Первая статья: Как я сделал генератор компонентов для Vite


ссылка на оригинал статьи https://habr.com/ru/articles/910500/


Комментарии

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *