# 快速上手
开始之前
使用 First UI 前，请确保你已经学习并熟练使用过 微信小程序 (opens new window) 。
# 安装
# 方式一 ：通过 npm 安装
使通过 npm 安装，需要先安装npm包，然后构建npm，详见 。
// # Using npm
暂未发布！
1
2
2
# 方式二 ：通过下载代码
通过 GitHub 或者 FirstUI官网(VIP) 下载 First UI 的代码，然后 将 components/firstui/ 目录拷贝到自己的项目中。
// # GitHub
git clone https://github.com/FirstUI/FirstUI-weixin.git
// # VIP 代码下载：官网个人中心订单处
1
2
3
4
2
3
4
# 方式三 ：选择需要的模块引入
下载 First UI 的代码，在 components/firstui/ 目录下找到需要的组件拷贝到自己的项目中。
# 如何使用
按照以下的方式使用组件，以 Button 为例，其它组件在对应的文档页查看。
第一种：在页面json文件中引入
"usingComponents": {
"fui-button": "/components/firstui/fui-button/fui-button"
}
1
2
3
2
3
第二种：在根目录app.json文件中全局引入
"usingComponents": {
"fui-button": "components/firstui/fui-button/fui-button"
}
1
2
3
2
3
# 使用组件
引入组件后，可以在 页面 中直接使用组件
<fui-button text="默认按钮"></fui-button>
1