!magicbox
---

  

English | 简体中文

bk-magic-vue

基于蓝鲸 Magicbox 和 Vue 的前端组件库

安装

``bash
$ npm install --save bk-magic-vue
`




使用

$3

`js
import bkMagicVue from 'bk-magic-vue'
import 'bk-magic-vue/dist/bk-magic-vue.min.css'
Vue.use(bkMagicVue)
`

$3

按需引入我们需要借助 babel-plugin-import-bk-magic-vue 来实现。

首先，安装 babel-plugin-import-bk-magic-vue

`bash
npm i babel-plugin-import-bk-magic-vue -D
`

然后需要在项目的 .babelrc 文件中 plugins 增加配置

`js
// baseLibName 是 bk-magic-vue 组件库的 package name，默认值为 bk-magic-vue
{
"presets": ...,
"plugins": [
...
["import-bk-magic-vue", {
"baseLibName": "bk-magic-vue"
}]
]
}
`

之后就可以用如下语法形式来实现按需引用了

`js
import { bkButton } from 'bk-magic-vue'
import { bkButton as cc } from 'bk-magic-vue'
import { bkButton, bkDropdownMenu } from 'bk-magic-vue'
import { bkButton as cc, bkDropdownMenu as dd } from 'bk-magic-vue'
console.log(bkButton)
console.log(cc)
console.log(bkDropdownMenu)
console.log(dd)
`

开发


`bash
npm run dev
`

构建

`bash
npm run build
``

BlueKing Community

- BK-CMDB：蓝鲸配置平台（蓝鲸CMDB）是一个面向资产及应用的企业级配置管理平台。
- BK-CI：蓝鲸持续集成平台是一个开源的持续集成和持续交付系统，可以轻松将你的研发流程呈现到你面前。
- BK-BCS：蓝鲸容器管理平台是以容器技术为基础，为微服务业务提供编排管理的基础服务平台。
- BK-PaaS：蓝鲸PaaS平台是一个开放式的开发平台，让开发者可以方便快捷地创建、开发、部署和管理SaaS应用。
- BK-SOPS：标准运维（SOPS）是通过可视化的图形界面进行任务流程编排和执行的系统，是蓝鲸体系中一款轻量级的调度编排类SaaS产品。
- BK-JOB：蓝鲸作业平台(Job)是一套运维脚本管理系统，具备海量任务并发处理能力。
- BK-BASE：蓝鲸基础计算平台(BK-BASE)是一个专注于运维领域的的基础平台，打造一站式、低门槛的基础服务。

Contributing

对于项目感兴趣，想一起贡献并完善项目请参阅Contributing Guide。

腾讯开源激励计划 鼓励开发者的参与和贡献，期待你的加入。

License

基于 MIT 协议， 详细请参考LICENSE