Sleep

Vue cli layout to construct elements with livecoding, tests, documentation &amp additional

.vue-standalone-component.A layout for the Vue cli is readily available to aid you create components along with livecoding, exams, information as well as demos. Build your standalone elements utilizing this little layout.Utilizing this layout you will certainly have the ability to:.Present the directory of your componet: src elements components.vue.Note the component docs.Feature props, approaches &amp celebrations.Show the component's isolated usage directions.Filter parts through label.and even more ...Usage.This layout is actually Vue 2.x merely.This is a project layout for vue-cli.$ npm install -g vue-cli.$ vue init InCuca/vue-standalone-component my-component.$ cd my-component.$ npm install.While managing the above orders you will certainly obtain some urges and some instructions in steps about just how to write components.After you are done operate:.$ npm managed serve.You can easily right now watch design resource in the browser. checking out:.Nearby: http://localhost:6062/.The generated output in./ dist could be used with nodule and the browser.PS: to construct to UMD run npm run create: umd.What is actually Consisted of.Linting.$ npm worked lint.Testing &amp Test Coverage.$ npm worked examination.$ npm worked examination: view.$ npm functioned exam: cov.Building.ES6 Elements/ CommonJS.$ npm run build.bring in myCmp coming from 'dist/my-cmp'.Vue.component(' my-cmp', myCmp).UMD.$ npm operate develop: umd.
If you are intrigued for even more concerning this theme or even you possess any kind of recommendations or even bugs, go here.

Articles You Can Be Interested In