19.05.2025 00:56
dimatitov95 0 715 Источник

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

Комментарии (0)