基于uni-app和uview从0到1，搭建h5页面

首先，需要安装Uni-app和uview的开发环境。Uni-app是一个基于Vue.js的跨平台开发框架，可以同时开发H5、小程序、APP等多个平台，而uview是一个基于uni-app的UI框架，提供了丰富的组件和工具。

安装步骤如下：

1. 安装Node.js

2. 安装HBuilderX（官方推荐的Uni-app开发工具）

3. 在HBuilderX中创建一个新的Uni-app项目，选择模板为“空项目”。

4. 安装uview，具体步骤如下：

a. 在项目根目录下运行命令：npm install uview-ui

b. 在main.js中引入uview：import uView from 'uview-ui';

c. 在Vue实例中注册uview：Vue.use(uView);

5. 在pages文件夹下创建一个新页面，例如index.vue，并编写页面代码。

6. 在manifest.json文件中配置页面路由，例如：

{
"pages": [
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "首页"
}
}
],
"tabBar": {
"color": "#999",
"selectedColor": "#007aff",
"list": [
{
"pagePath": "pages/index/index",
"text": "首页",
"iconPath": "/static/tabbar/home.png",
"selectedIconPath": "/static/tabbar/home-active.png"
}
]
}
}

7. 运行项目，预览效果。

以上就是从0到1搭建H5页面的基本步骤。当然，还需要进一步学习Uni-app和uview的使用，以及前端开发的相关知识。