uniapp搭建移动端

uni-app是一个基于Vue.js的跨平台移动端开发框架，可以使用Vue.js语法进行开发，并将代码编译成各种类型的移动端工程。下面是uni-app搭建移动端的步骤：

1. 安装HBuilderX工具，打开HBuilderX，点击新建项目，选择uni-app模板，填写项目名称和路径，点击创建即可。

2. 在HBuilderX中，可以看到uni-app工程的目录结构，其中pages文件夹存放页面，components文件夹存放组件，static文件夹存放静态资源，App.vue是应用程序的根组件，main.js是应用程序的入口文件。

3. 在pages文件夹中新建一个页面，例如index.vue，使用Vue.js语法编写页面代码。

4. 在App.vue中引入index.vue页面，并在pages.json中配置页面路由。

5. 在HBuilderX中，点击运行按钮，选择运行平台，即可在模拟器或真机上查看效果。

下面是一个简单的uni-app页面示例：

<template>
  <div class="container">
    <h1>{{ message }}</h1>
    <button @click="changeMessage">Change Message</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: 'Hello, uni-app!'
    }
  },
  methods: {
    changeMessage() {
      this.message = 'Hello, world!'
    }
  }
}
</script>

<style>
.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
}
</style>