### 快速上手
#### 獲取 WeUI
WeUI 是一套與微信原生 UI 一致的 UI 庫,核心文件是 `weui.css`,只需要獲取到該文件,然后在頁面中引入,即可使用 WeUI 的組件。有以下幾種獲取方式:
##### 方式一(推薦)
微信官方、BootCDN 和 cdnjs 為 WeUI 提供了 CDN 鏈接,推薦使用,鏈接如下:
|來源|地址|
|---|----|
| 微信官方| [//res.wx.qq.com/open/libs/weui/1.1.3/weui.min.css](//res.wx.qq.com/open/libs/weui/1.1.3/weui.min.css) |
| 微信官方| [//res.wx.qq.com/open/libs/weui/0.4.3/weui.min.css](//res.wx.qq.com/open/libs/weui/0.4.3/weui.min.css) |
|BootCDN| [//cdn.bootcss.com/weui/0.4.3/style/weui.css](//cdn.bootcss.com/weui/0.4.3/style/weui.css)|
|cdnjs|[//cdnjs.cloudflare.com/ajax/libs/weui/0.4.3/style/weui.css](//cdnjs.cloudflare.com/ajax/libs/weui/0.4.3/style/weui.css)|
其中,1.0.0是目前 WeUI 最新的版本號,代碼命名有較大的改變,因此保留0.4.2的CDN。
以上鏈接,均支持 http 和 https 協議,均包含未壓縮版 `weui.css` 和壓縮版 `weui.min.css` 。
##### 方式二(bower)
可以通過 bower 進行下載,命令如下:
```
bower install --save weui
```
##### 方式三(npm)
也可以通過 npm 進行下載,命令如下:
```
npm install --save weui
```
**注意:** bower、npm 依賴于 Node.js,請確保你的機器安裝 Node.js 環境,安裝方式參見 https://nodejs.org
##### 方式四
可以在 https://github.com/Tencent/weui/releases 處,直接下載最新發布的版本。github 提供了 zip 和 tar.gz 兩種格式的包,選擇其中一種下載,解壓后引用 `dist/style/weui.css` 文件即可。
##### 方式五
也可以在 WeUI 的 github 主頁,右上角的“Download ZIP”按鈕,點擊下載倉庫中最新的代碼,解壓后使用方法同方式四。
**注意:** 該方式獲取的是 WeUI 最新的、未經發布的代碼,可能不穩定,不推薦通過此方式獲取 WeUI 用于生產環境。
#### 使用
通過以上方式獲取到 WeUI 后,在頁面中引入后即可使用。以 WeUI 的按鈕為例:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
<title>WeUI</title>
<!-- 引入 WeUI -->
<link rel="stylesheet" href="path/to/weui/dist/style/weui.min.css"/>
</head>
<body>
<!-- 使用 -->
<a href="javascript:;" class="weui-btn weui-btn_primary">綠色按鈕</a>
</body>
</html>
```
更多的上手示例,請參考 http://weui.io/