Create your own component library with Vue CLI 3 and VuePress.
Sooner or later, you will find that creating a component library is much better than having all components inside your app project. A component library force you remove app specific logic from your components, makes it possible to reuse them in other apps.
Once the components are in a libaray, documentation becomes critical. This starter project includes a documentation app. It not only documents the usage of the component, but also provides a testing bed during development of the components. See example here.
This project is using VuePress
1.x
alpha.
# install dependencies
npm install
# start the doc app with hot reload
npm run docs:dev
# test the library
npm run test
# build the library
npm run build
# build the doc app
npm run docs:build
To start building your own components:
- Replace the
base
option in.vuepress/config.js
accordingly - Replace the example components and their docs with your own