Vue.js 2.0 UI 库.

文档

• 首页及文档

安装

npm install scui-core -S
npm install scui-ex-water -S

快速上手

import Vue from 'vue'
import SCUI from 'scui-core'
import SCUIWATER from 'scui-ex-water'

Vue.use(SCUI)
Vue.use(SCUIWATER)

// or
import {
  Select,
  Button
  // ...
} from 'scui-core'

import {
  Test
  // ...
} from 'scui-ex-water'

Vue.component(Select.name, Select)
Vue.component(Button.name, Button)

想要更多信息, 请参阅我们的文档 快速上手.

开发新组件

可以通过命令快速生成组件模版

make new <component-name> [中文名] // 创建新组件 package. 例如 'make new tree-select 树选择器'

执行命令后系统会自动生成对应的组件文件，组件样式及demo文档。

组件文件存放于 packages 文件夹里的对应组件名称文件夹中。

新的组件会在根目录的 components.json 中注册，如果要删除该组件，直接移除 components.json 文件中的对应行即可，在发布打包时将不包括该组件。（如果写了demo也要注意隐藏或删除。）

组件文件夹结构

组件文件夹里仅有 index.js 文件，作用是以插件形式导出组件，如果没有特殊情况，使用默认生成内容即可。

和 index.js 文件同级的是 src 文件夹，我们所写的所有内容都在这个文件夹中，默认文件为 main.vue 文件。

组件样式

组件样式不直接写在vue组件中，所有的样式我们统一写在 packages/theme-chalk/src 文件夹中，创建组件的时候会自动创建好。

组件内class的命名规范遵循 BEM 规范，请注意。

开发注意要点

• 除非必要，尽量不引用第三方组件
• 创建组件时命名规范遵循中划线命名法

其他make命令

更多 make 命令可以通过 help 指令查看

make help

浏览器支持

现代浏览器以及IE 10+.

更新日志

更新日志请参阅 更新日志.

FAQ

我们这这里收集了一些 常见的问题.