leap-h5-component-ts

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镜像：

$ npm config set registry http://registry.npmjs.org 

然后在终端执行登录命令，输入用户名、密码、邮箱即可登录。

//登录
$ npm login

发布到 npm

执行发布命令，发布组件到 npm

//发布
$ npm publish

发布成功

发布成功后稍等几分钟，即可在 npm 官网搜索到。(会发送邮件)

使用新发布的组件库

安装组件库依赖全局注册

在需要使用的vue项目中npm install add-ui添加进来，然后在main.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')

按需引入

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')

在组件中使用

<template>
 　　<div>
     　　<template-tips :name="name"></template-tips>
 　　</div>
</template>

Customize configuration

See Configuration Reference.