### 关于SMUI

> SMUI是一套基于Vue开发的，适用于PC的组件库

> vue1.x环境版本请使用[smui-pre](https://www.npmjs.com/package/smui-pre)

### 使用安装

* NPM安装

```bash

npm i smui --save

```
> webpack环境自动异步导入默认皮肤样式，否则需要手动引入样式文件

```js
import 'smui/style/skin.css'
```


* CDN安装

```html
<!-- 引入Vue -->
<script src="//vuejs.org/js/vue.min.js"></script>

<!-- 引入样式 -->
<link rel="stylesheet" href="//unpkg.com/smui/style/skin.css">

<!-- 引入组件库 -->
<script src="//unpkg.com/smui/bundle.js"></script>
```


### 快速框架搭建

```bash
vue init sm-ui/webpack#v2
```

### 链接

[开发源码](https://github.com/sm-ui/smui)

[开发实例](http://codepen.io/collection/XkeMMO/)

[组件库官网](https://sm-ui.github.io/)

[组件库官网2](http://e.sm.cn/static/smui/)


### Feature

```js
// smui@0.1.1 版本开始支持国际化和皮肤切换
import ui from 'smui/base/ui'

// 切换到英文版本
ui.i18n.locale = 'en'

// 切换皮肤(default, semantic, jinyang)
ui.skinName = 'semantic'
```

#### 国际化

- 使用vue-i18n方案
- 支持全局配置方式

```js
import i18n from 'smui/base/i18n'

const lang = {
    en: {
        NewPost: 'NewPost'
    },
    cn: {
        NewPost: '新建文章'
    }
}
i18n.extend(lang)

```