Plop generator to create Vue Components with jest test, storybook, connected to vuex.
cd dir/where/you/want/to/generate/a/component
npx @ashushunov/plop-vue-component-generator
Enter 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-generator
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.
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 plop
A new component will be created in src/components.
You can run the test
npm run jest:unit
And generated story
npm run storybook