脚本宝典收集整理的这篇文章主要介绍了uniapp怎么使用，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

uniapp的使用方法：首先开发者需先下载安装hbuilderx；然后创建项目目录，并创建页面；接着配置页面及tabbar；最后实现运行即可。

本教程操作环境：windows7系统、uni-app2.5.1版本、ThinkPad t480电脑。

推荐（免费）：uni-app开发教程

uniapp的使用方法：

1.首先开发者需先下载安装 HBuilderX

1）在HBuilderX 点击工具栏里的文件 - >新建 - >项目：

2）选择uni-app，输入工程名，如：test，点击创建，即可成功创建uni-app

2.项目目录

3. 创建页面

4.页面及tabbar配置

{
    "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
        {
            "path": "pages/index/index",
            "style": {
                "navigationBarTITleText": "uni-app"
            }
        },
        {
            "path": "pages/homework/homework",
            "style": {
                "navigationBarTitleText": "uni-app"
            }
        },
        {
            "path": "pages/PErsonal/personal",
            "style": {
                "navigationBarTitleText": "uni-app"
            }
        }
    ],
    "globalStyle": {
        "navigationBarTextStyle": "black",
        "navigationBarTitleText": "uni-app",
        "navigationBarBackgroundColor": "#F8F8F8",
        "backgroundColor": "#F8F8F8"
    },
    "tabBar": {
    "color": "#C3B8B4",
    "selectedColor": "#F76605",
    "borderStyle": "white",
    "backgroundColor": "#fff",
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "学员",
        "iconPath": "static/indexNormal.png",
        "selectedIconPath": "static/indexActive.png"
      },
      {
        "pagePath": "pages/homework/homework",
        "text": "作业",
        "iconPath": "static/homeworkNormal.png",
        "selectedIconPath": "static/homeworkActive.png"
      },
      {
        "pagePath": "pages/personal/personal",
        "text": "我的",
        "iconPath": "static/personalNormal.png",
        "selectedIconPath": "static/personalActive.png"
      }
    ]
  }
}

5.运行

6.运行效果图

相关免费学习推荐：编程视频

以上就是uniapp怎么使用的详细内容，更多请关注脚本宝典其它相关文章！

脚本宝典总结

以上是脚本宝典为你收集整理的uniapp怎么使用全部内容，希望文章能够帮你解决uniapp怎么使用所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。