小熊陪玩开发文档

407 阅读1分钟

开发准备阶段

  • 简介
    uni-app 是一个使用 Vue.js 开发的跨端框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序平台。
  • 编辑器
    使用HBuilderX,因为uni-appHBuilderX都是dcloud开发的,HBuilderXuni-app的支持是最好的,推荐安装app安装版,插件更齐全。
  • 安装
    安装方式使用HBuilderX直接创建,在开发的过程中HBuilderX也会有更多的提示。
  • 调试
    h5端需要指定浏览器
    小程序端需要指定开发者工具所在目录
  • 尺寸及自适应
    设计图建议以宽度为750px的手机为基准,长度单位使用rpx,在750px的手机上,1px = 1rpxrpx会随屏幕的宽度自适应
  • 项目目录
  • 与vue的相似语法
    在插值表达式、指令、methods、自定义组件的封装和引用的语法一致。
  • 条件编译
    官网地址
  • 基本组件
    官网地址
  • api
    官网地址
  • 生命周期
    官网地址

项目具体设置

  • tabbar
    官网地址
    tab切换时可触发页面生命周期,必须为小于40kb的本地图片,建议81*81
	onTabItemTap(e) {
		console.log(e);
	}
  • sass配置
    在插件市场安装即可