简介：本文介绍了如何使用 Uni-app 创建项目以及如何配置原生 tabbar。通过阅读本文，您将掌握 Uni-app 的基本操作和原生 tabbar 的配置方法。
在开始使用 Uni-app 之前，我们需要先安装相关的环境。首先需要安装 Node.js（版本 >= 8.0），然后使用 npm 命令行工具安装 HBuilder X 集成开发环境。
接下来，我们打开 HBuilder X，在左侧导航栏点击“新建项目”，选择“UniApp”模板，输入项目名称和保存路径，最后点击“创建”按钮即可。
创建成功后，在项目目录下会看到如下文件和目录：
为了在 Uni-app 中创建页面，我们需要在 pages 目录下创建一个新的文件夹，并在其中创建一个 vue 组件文件，比如“home.vue”。这个组件就代表了应用程序中的一个页面。我们可以在组件内部使用 Vue.js 语法编写 UI 和交互逻辑，比如按钮、列表、表单等。
为了实现页面之间的导航，我们可以使用 uni-app 提供的页面跳转 API。例如：this.$uni.navigateTo({ url: '/pages/home/home' }) 这个 API 可以将当前页面跳转到指定的页面。
完成开发并测试通过后，就可以将应用程序发布到各大应用商店或者网站上供用户下载使用。首先需要在 HBuilder X 中打包应用程序，然后将生成的文件上传至相应平台的开发者中心，填写相关信息和资料，并提交审核即可。
接下来我们来介绍如何配置原生 tabbar。首先在 pages.json 文件中设置 tabBar 属性，例如："tabBar": {"list": [{"pagePath": "pages/index/index", "text": "首页", "selectedColor": "red"}, {"pagePath": "pages/logs/logs", "text": "日志", "selectedColor": "blue"}]} 这个配置表示在底部导航栏添加了两个页面，分别是首页和日志页。然后我们可以在对应的页面中添加一个 cover-view 组件来显示 tabBar 的文字，例如：<cover-view class='tab-bar'><cover-view class='tab-bar-border'></cover-view><cover-view class='cs_button' bindtap='switchTab'>{{item.text}}</cover-view></cover-view> 这个代码表示在 cover-view 组件中添加了一个 tabBar 的文字。
至此，我们已经完成了 Uni-app 的项目创建和原生 tabbar 的配置。通过本篇文章的学习，您应该已经掌握了 Uni-app 的基本操作和原生 tabbar 的配置方法。如果您还有其他问题或需要进一步的帮助，请随时向我提问。