# 快速开始
Fast-UI致力于提升开发速度
在开始之前,推荐先学习 Vue 和 uni-app,并正确安装和配置了 HbuilderX 。 官方指南假设你已了解关于 Vue 和 uni-app 的相关知识,并且已经完全掌握了 uni-app 的正确开发方式。
# 目录结构
├── common 公共模块
├── components 内置公共组件
├── pages 项目页面
├── style 项目页面
├── animation 动画样式
├── common 公共样式
├── $theme 主题颜色
├── text 文本颜色
└── bg 背景样色
├── icon icon样式
├── iconfont 字体样式
└── main 主要样式
├── body 初始化
├── image 图片
├── solid 边框
├── cu-btn 按钮
├── cu-tag 徽章
├── cu-avatar 头像
├── cu-progress 进度条
├── cu-load 加载
├── grayscale 列表
├── cu-bar 操作条
├── nav 导航栏
├── cu-chat 聊天
├── cu-card 卡片
├── cu-form-group 表单
├── cu-modal 模态窗口
├── swiper 轮播
├── cu-steps 步骤条
├── flex 布局
├── grid grid布局
├── margin-padding 内外边距
├── bg 背景
└── text 文本
├── static 公共静态资源
├── .editconfig 编辑器设置
├── .gitignore git忽略文件
└── pages.json 页面配置
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38