Banma-ui

• 💪 Vue 3.0 Composition API
• 🔥 Written in TypeScript

Documentation(官网解析)

You can find for more details, API, and other docs on https://element-plus.org

国内加速镜像站点

Join our Discord to start communicating with everybody.

Bootstrap project(安装本地依赖)

With command

$ yarn bootstrap

the project will install all dependencies and run lerna bootstrap to initialize the project

Website preview(本地预览)

With command

$ yarn website-dev

the project will launch website for you to preview all existing component

You can also use this command to start a blank page to debug

$ yarn website-dev:play
//source file: ./website/play/index.vue

Generate new component(生成新组件)

With command(命令)

$ yarn gen component-name

Note the component-name must be in kebab-case, combining words by replacing each space with a dash.

FQA

1. Q: 组件的主题样式在哪里修改?

• A: /packages/theme-chalk/src/index.scss

2. Q: 项目的结构？

• A：

  - packages // 包文件
  - website  // 演示文件
    - assets // 静态文件
    - components // 组件
    - demo-styles // 样式
    - docs // 国际化
    - pages // 演示页面
    - md-loader // md 转译成html
    - app.vue // 根组件
    - bus.js // 组件传值
    - index.tpl // 页面模版
    - route.config.js // 路由配置
    - webpack.config.js //打包配置
  - build // 打包文件
    - build-helper // 帮助文件打包
    - build-locale // 国际化打包
    - getCpus // 获取node 环境 运行的 逻辑 数量
    - getPkgs // 获取当前的 package.json 版本号

3. Q: 这套代码主题框架？

• A: 本套库主要使用 Lerna 管理 多个包文件，