1. vue-cli-plugin-component
vue-cli 3 plugin to develop component
vue-cli-plugin-component
Package: vue-cli-plugin-component
Created by: David-Desmaisons
Last modified: Mon, 23 May 2022 12:52:21 GMT
Version: 1.12.2
License: MIT
Downloads: 1,169
Repository: https://github.com/David-Desmaisons/vue-cli-plugin-component

Install

npm install vue-cli-plugin-component
yarn add vue-cli-plugin-component

vue-cli-plugin-component

Npm version
npm
MIT License

component plugin for vue-cli

demo

project
│   README.md
│   LICENSE (optional)
└───src
│   ├── index.js
│   └───components
│       └───Mycomponent.vue
│
└───example
    ├── App.vue
    ├── main.js

Features

  • Adjust build script to only build the component. Use serve script to serve a demo page.

  • Create a prepublishOnly script to run the build(s) before publishing the component

  • Update README.md with component information

  • Optional

Scripts

Use build to build the component

 npm run build

Use serve to serve the application example in the example folder

 npm run serve

When using vue.doc

Use doc:build to update the API section of README.md with generated documentation

npm run doc:build

When using vueStyleguide

Use styleguide to run style guide dev server

npm run styleguide

Use styleguide:build to generate a static HTML style guide

npm run styleguide:build

Configuration

configuration

  • componentName: the name of the component.

  • useVueStyleguidist: true to install vue-styleguidist, default: true

  • useVueDoc: true to install vuedoc.md, default: true

  • addLicense true to add a License file to the project, default: false

  • licenseName type of the license file to create, default: MIT

  • copyrightHolders Project copy holders, used when creating the license file.

Injected Commands

No command will be injected.

Installing in an Already Created Project

 vue add component

Injected webpack-chain Rules

No Changes are performed

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin