Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/wmfe/xcui
:fork_and_knife: A Vue.js 2.x desktop components colletion
https://github.com/wmfe/xcui
component-library javascript vue vue-component vue-components vue2 vuejs vuejs2
Last synced: 3 months ago
JSON representation
:fork_and_knife: A Vue.js 2.x desktop components colletion
- Host: GitHub
- URL: https://github.com/wmfe/xcui
- Owner: wmfe
- License: other
- Created: 2016-09-03T10:23:42.000Z (over 8 years ago)
- Default Branch: 2.0
- Last Pushed: 2018-12-07T06:51:22.000Z (about 6 years ago)
- Last Synced: 2024-08-10T04:16:33.549Z (7 months ago)
- Topics: component-library, javascript, vue, vue-component, vue-components, vue2, vuejs, vuejs2
- Language: Vue
- Homepage: https://wmfe.github.io/xcui/
- Size: 9.28 MB
- Stars: 88
- Watchers: 29
- Forks: 30
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## About
XCUI 是基于`Vue2.0`的**桌面端组件库**。
XCUI的目标是：
+ 满足桌面端页面大部分基础组件需求。
+ 快速开发基于 `Vue2.0` 构建的项目。
+ 保持小体积, 无其他js库依赖(No jquery, No Bootstrap, etc)
+ 简洁优雅。
## 组件展示
[XCUI主页](https://wmfe.github.io/xcui/)
## 版本支持
在使用`Vue 2.x` 版本时，推荐使用 `Vue 2.0.8` 以上版本。
## 安装
通过`npm`安装。
```bash
npm install xcui
```
具体的安装方式请见[这里](https://wmfe.github.io/xcui/#/intro/installation)。
## 快速上手
`xcui`使用`umd`方式打包，支持各种模块加载器。
在页面根实例中引入：
```javascript
import Vue from 'vue'
import xcui from 'xcui'
import 'xcui/lib/xcui.css'
Vue.use(xcui);
```
在页面中声明标签，即可使用。
> **说明**
> XCUI在使用`Vue.use(xcui)`后，会默认以`x-`前缀注册所有组件，在Vue实例中可直接使用而**不用在`components`中声明**。举例：
```html
start
```
更多详细信息请见[这里](https://wmfe.github.io/xcui/#/intro/quickstart)。
## 开发
### Clone the repo
```
$ git clone [email protected]:wmfe/xcui.git
```
### 安装依赖
```
$ npm i
```
### Run dev server
```
$ npm run dev
```
### Build components
```
$ npm run build
```