一、新建uni-app项目

1. 打开HBuilder X

2. 新建项目

3. 配置项目信息

4. 安装Sass 插件 （因为项目需要）

这里需要登录，自行用邮箱注册登录，再下载安装插件，安装完成如下

二、项目目录扩展

1. 初始化项目目录

2. 扩展后项目目录

1. api 用来封装数据接口
2. common 用来存放js、css等
3. components 用来存放公共可复用的vue组件
4. config 用来存放数据配置文件
5. mock 用来 存放模拟数据
6. pages 用来存放页面
7. static 存放静态资源文件
8. APP.vue 项目主应用文件
9. index.html 项目主页面文件
10. main.js 入口文件
11. manifest.json 配置多端文件
12. pages.json 页面路由
13. uni.promisify.adaptor.js 文件是用来将uniapp的异步API转换为Promise的适配器
14. uni.scss uni-app内置的常用样式变量