0.0.1 • Published 2 years ago
leap-h5-component-ts v0.0.1
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
0.0.1
2 years ago