# 快速上手


# 引入组件

Button 组件为例,只需要在 app.jsonindex.json 中配置 Button 对应的路径即可。如果你是通过下载源代码的方式使用 lin-wx-ui,请将路径修改为项目中 lin-wx-ui 所在的目录。

// 通过 npm 安装
// app.json
"usingComponents": {
  "lin-button": "lin-wx-ui/button/index"
}
// 通过下载源码使用
// app.json
"usingComponents": {
  "lin-button": "path/to/dist/button/index"
}

# 使用组件

<lin-button type="primary">按钮</lin-button>

# 其他

在开发者工具中预览示例小程序

# 将项目克隆到本地

git clone https://github.com/c10342/lin-wx-ui.git
# 安装项目依赖

cd lin-wx-ui && npm install
# 执行组件编译

npm run dev

接着打开微信开发者工具,导入examples目录的项目就可以预览示例了。