@ashushunov/plop-vue-component-generator
v1.0.3
Published
[Plop](https://plopjs.com/) generator to create [Vue Components](https://vuejs.org/v2/guide/single-file-components.html) with [jest test](https://jestjs.io/), [storybook](https://storybook.js.org/), connected to [vuex](https://vuex.vuejs.org/guide/).
Downloads
19
Readme
plop-vue-component-generator
Plop generator to create Vue Components with jest test, storybook, connected to vuex.
Generate component
cd dir/where/you/want/to/generate/a/component
npx @ashushunov/plop-vue-component-generatorEnter the answers and enjoy a new Vue Component!
The new component has a simple render test and a story.
You can install the generator globally.
npm install -g @ashushunov/plop-vue-component-generator
cd dir/where/you/want/to/generate/a/component
plop-vue-component-generatorIntegrate with IDE
WebStorm
You can add an external tool (Preferences -> Tools -> External Tools -> Add)
- Name: generate-vue-component
- Program: plop-vue-component-generator
- Working directory: $FilePath$
If you did not install the generator globally, set
- Program: npx
- Arguments: @ashushunov/plop-vue-component-generator
Click the right button mouse on a folder where you want create a new component. In the context menu choose External Tool -> generate-vue-component.
Use this repo to tune templates
This project was created with vue-cli
You can fork it and tune templates for you requirements.
Read plop docs and change files in .plop/Component ;)
To check generator run
npm run plopA new component will be created in src/components.
You can run the test
npm run jest:unitAnd generated story
npm run storybook