dimatitov95 19 мая в 03:56

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

Средний

2 мин

741

Роадмэп

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

Хабы:

Open source