# vue-template-ui

**Repository Path**: myPujun/vue-template-ui

## Basic Information

- **Project Name**: vue-template-ui
- **Description**: 一个vue组件库模板脚手架
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 8
- **Forks**: 1
- **Created**: 2021-08-16
- **Last Updated**: 2022-08-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, JavaScript, 框架模板

## README

# template-ui

## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Lints and fixes files
```
npm run lint
```

### 登录到 npm
tip : 发布之前需要登录

首先需要到 npm 上注册一个账号，注册过程略。
如果配置了淘宝镜像，先设置回npm镜像：
```js
$ npm config set registry http://registry.npmjs.org 
```
然后在终端执行登录命令，输入用户名、密码、邮箱即可登录。
```js
//登录
$ npm login
```
### 发布到 npm
执行发布命令，发布组件到 npm
```js
//发布
$ npm publish
```
### 发布成功
发布成功后稍等几分钟，即可在 npm 官网搜索到。(会发送邮件)



# 使用新发布的组件库
### 安装组件库依赖全局注册
在需要使用的vue项目中npm install add-ui添加进来，然后在main.js中进行全局注册，如下：

```js
import { createApp } from 'vue'
import App from './App.vue'
import vueTemplateUi from 'vue-template-ui'
const app = createApp(App)
//组件注册
app.use(vueTemplateUi)

app.mount('#app')
```
### 按需引入
```js
import { createApp } from 'vue'
import App from './App.vue'
import {templateTips} from 'vue-template-ui'
const app = createApp(App)
//组件注册
app.use(templateTips)

app.mount('#app')
```
### 在组件中使用
```html
<template>
 　　<div>
     　　<template-tips :name="name"></template-tips>
 　　</div>
</template>
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).