持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第22天，点击查看活动详情

uni-app介绍

uni-app是一个使用 Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。简而言之就是一套代码可以多端使用。uni-app在开发者数量、案例、跨端抹平度、扩展灵活性、性能体验、周边生态、学习成本、开发成本等8大关键指标上拥有更强的优势。uni-app实现了一套代码，同时运行到多个平台；如下图所示，一套代码，同时运行到iOS模拟器、Android模拟器、H5、微信开发者工具、支付宝小程序Studio、百度开发者工具、字节跳动开发者工具、QQ开发者工具（底部8个终端选项卡代表8个终端模拟器） uni-app官网：uniapp.dcloud.net.cn/

uni-app需要用到的工具

我们开发uni-app需要用到的工具为HBuilder X和微信开发者工具，HBuilder主要用来编写代码，微信开发者工具主要用来查看代码展示出来的效果。

创建一个uni-app项目

打开HBuilder,点击新建，点击项目，并将项目进行命名，然后点击创建，即可创建一个uni-app项目

进行uni-app开发

接下来我们要创建一个底部的导航栏，首先我们需要在项目的根目录里面创建一个components组件文件，右击项目名称，点击创建新页面，命名为components,然后右击components,点击新建组件，将组件命名为tab,然后我们的tab.vue组件就创建完成了，图片如下

后续内容还会更新