vue-project-schema v0.1.5

VueJs Project schema generator

Github

https://github.com/kowi90/vue-project-schema

Description

It generates a VueJS directory structure and component templates based on a json schema.

Install

npm install -g vue-project-schema

Usage

vue-schema --json <json_to_parse> --supress <true|false>

Options:
  --version      Show version number                                   [boolean]
  -j, --json     The JSON Schema to parse                             [required]
  -s, --supress  Supress process messages.
  -h, --help     Show help                                             [boolean]

Copyright Gergo Kovacs 2018

Example

1. Create a "test.json" in a directory with the following content:

{
  //  An empty directory can be generated this way
  "src": {},
  //  Empty files can be generated in the directory of the current level
  "files": ["test.txt", "test2.js"],
  // Vue components can be generated this way
  "vue-component": {
    //The name of the Vue component (required)
    "name": "tcomp1",
    //Vue components can be nested this way
    "children": [
        {
        	"vue-component": {
                 "name": "tcompinner"
            }
        },
        {
          	"vue-component": {
               "name": "tcompinner2"
          	}
    	}
	]
  }
}

// The auto generated "tcomp1" Vue component directory structure will be:
// tcomp1
// tcomp1/index.vue
// tcomp1/assets
// tcomp1/assets/styles
// tcomp1/assets/styles/styles.scss

// The children will be nested inside
// tcomp1/components
// directory.