Extended cli to manage file templates for vue projects
https://dev.to/prakash_chokalingam/generating-files-with-vue-cli-plugin-pod-5639
Add this vue cli plugin to your awesome vue project using the below command:
vue add pod
once installed, your project will have access to the following tasks:
Creates template files for the specified file type
npm run generate <filetype> <file name or path>
Example: npm run generate component UI/Button
Renames template files for the specified file type
npm run rename <filetype> <old file name or path> <new file name or path>
Example: npm run rename component icon avatar
Deletes template files for the specified file type
npm run delete <filetype> <file name or path>
Example: npm run delete component UI/Button
Get a clone of the default pod config file and customize it.
npm run config
The above command will generate a pod.config.js
file to the root of your project.
click here to check the default config.
Default file types allowed: component
, directive
& mixin
.
The config file accepts fileType & array of files.
Available config file options:
key | type / default | description |
---|---|---|
filepath | string : {filename}/{filename.extension} | file default path and name |
$basepath optional |
string : {filetype} | file basepath directory |
content | string | file default content |
isTemplateFile optional |
boolean: true for .vue file | A boolean flag to identify the template file |
tagname optional |
string | tag name applicable for component files alone. It specified the tag should be used while refering in the template file |
tagAttributes optional |
Object | Required attributes for file while refering the file in template file |
Only
component
filetype will accept an objectsingleFile: true
which decides whether to follow vue single file structure by infering the component files contents to the template file or create multiple files while generating a component and refer them in the template file.
- VUE UI integration
- Pre/Post callbacks for file operations