📦 安装

通过npm

npm install panda-framework --S

通过yarn

yarn add panda-framework

🔨 快速开始

import Vue from 'vue'
import Panda from 'panda-framework'

Vue.use(Panda)

支持按需引入
import {Button} from 'panda-framework'
Vue.use(Button);

需要安装
npm install babel-plugin-component -D

然后，将 .babelrc 修改为：
{
  "presets": [["es2015", { "modules": false }]],
  "plugins": [
    [
      "component",
      {
        "libraryName": "panda-framework",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

🖥 浏览器支持

现代浏览器或者IE11以上

| IE | Edge | Firefox | Chrome | Safari | | ---------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------- | | >=11 | >= 14 | >= 45 | >=49 | >=10 |

🔗 链接

• 主页

⌨️ 开发

本地Clone

$ git clone https://github.com/chaorenluo/panda-framework
$ cd panda-framework
$ yarn install
$ yarn start

✅ Todo List

• [x] 自定义文档目录结构
• [x] 在线预览UI组件
• [x] 集成Travis CI实现自动化构建
• [x] 集成Codecov展示测试覆盖率
• [x] 自动构建发布文档
• [x] 自动通过git tag 发布npm
• [x] 完成组件单元测试
• [x] 集成Docsearch
• [x] 支持JSX语法开发
• [ ] 基本组件开发完善（进行中）
• [ ] 集成codepen完成在线编辑代码
• [ ] 自定义主题色
• [ ] 国际化
• [ ] Typescript 和 JavaScript混合开发