После выхода первой версии плагина я решил сразу сесть за реализацию 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/
Добавить комментарий