aki_kkkk v1.0.4

template-ui

@@@@@最重要的 2021 12 8

发布之前修改 name main 和 lib 三个地方
 "name": "aki_kkkk",
  "version": "1.0.1",
  "private": false,
  "author": "jean",
  "main": "lib/aki_kkkk.common.js",
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint",
    "lib": "vue-cli-service build --target lib --name aki_kkkk --dest lib packages/index.js"
  },

然后执行
npm run lib

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 aki_kkkk from 'aki_kkkk'
import 'aki_kkkk/lib/aki_kkkk.css'

app.use(aki_kkkk)

按需引入

import {templateTips} from 'vue-template-ui'
import 'aki_kkkk/lib/aki_kkkk.css'

//组件注册
app.use(templateTips)

在组件中使用

<template>
 　　<div>
     　　<template-tips :name="name"></template-tips>
       
               <Aki-Button-1 style="width: 100px; height: 100px;">dasdsa</Aki-Button-1>

 　　</div>
</template>

Customize configuration

See Configuration Reference.