Vue Code Generator

A simple CLI tool to quickly generate Vue core features including composables(useForm.ts , useTable.ts , validateForm.ts) and views(FormView.vue , ListView.vue) based on your input. This tool is designed to streamline the development process by scaffolding out common patterns and structures in Vue applications, allowing developers to focus on building features rather than boilerplate code.

Features

• Generate composables files (useForm.ts , useTable.ts , validateForm.ts , apiPaths.ts)
• Generate views files (FormView.vue , ListView.vue)
• Scaffold routes with authentication and validation middleware
• including Localization (i18n)
• including Dynamic Types

Installation

Install via npm:

npm install vue-code-generator

add in your package.json

"scripts": {
    ...,
    ... other scripts,
    ...,
    "make-core-ui-feature": "node ./node_modules/vue-code-generator/index.js"
  }

Usage

npm run make-core-ui-feature

Folder directory

templates/
├── types/
│   └── newType.ts
├── locales/
│   └── en/
│       └── newLang.js
├── router/
│   └── newRoutes.ts
├── composables/
│   ├── apiPaths.ts
│   ├── useForm.ts
│   ├── useTable.ts
│   └── validateForm.ts
└── views/
    ├── FormView.vue
    └── ListView.vue