🌈 vue-component-template

A template for rapid development of vue2 components to satisfy component development, packaging, release, document development, document packaging, and document deployment.

English | 简体中文

💖 How to use?

💎 Catalog Introduction

├── assets                 Store fixed resources
├── docs                   Component documentation
│   ├── .vuepress          VuePress
│   │   ├── components     Demo use
│   │   ├── config.js      VuePress main configuration
│   │   └── enhanceApp.js  VuePress expand configuration
│   ├── README.md          Used to show component introduction
│   ├── changelog.md       Used to display component history
│   └── demo.md            Used to display component Demo
├── examples               Component development and debugging
├── public                 Component development and debugging display
├── src                    Component home directory
│   ├── index.js           Component registration
│   └── app.vue            Component implementation code
└── vue.config.js          Component development package configuration

🤖 Command introduction

Name	Description	Remarks
npm run start	Start component development	-
npm run build	Component packaging	-
npm publish	Component release	Recommended for first removal prepublishOnly
npm run docs:start	Document start	-
npm run docs:build	Document packaging	-
npm run docs:deploy	Document release	The default is to use GitHub Pages
npm run deploy	Document package and release	-

🍭 Component

Development

npm i
npm run start
# http://localhost:8080/

Unpack

npm run build

• Remove map by default
• Do not pull independent CSS files by default
• More view official website configuration
• The package file is generated in the dist file by default

Release

package.json introduction

1. If you want to publish npm, private needs to be set to false.
2. The build command can be modified according to actual conditions.
3. After main decides to install the component, import points to it.
4. files Contains the files at the time of publishing, and includes README.md by default.
5. Others can be understood according to the meaning of the word.

📚 Documentation

Start

npm run docs:start
# http://localhost:8888/

Online preview

https://one-template.github.io/vue-component-template/

Description

• Use VuePress
• Use basic layout, please add more by yourself
• Component references, currently need to be copied to components, if there is a better way, please PR
• Because the document is deployed on GitHub Pages, the base of config.js is set to the project name
• Update the highlight.js version carefully
• One 🌰 : Knotes

🎈 Aide

• Quickly modify the project name
• Issue template
• PR template
• Actions use

🎉 Who are using？

• image-component/vue-image-shadow
• image-component/vue-image-dangling

License

MIT