panda-framework

一个清爽的Vue 2.0 UI Web框架

📦 安装

通过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

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