uni-app基本了解

安装HBuilderX

推荐使用HBuilderX开发uni-app,可以在官网下载。我们如果下载的是标准版,那我们在HBuilderX运行的时候会帮我们下载一些uni-app插件,我们重启一下项目就可以。

创建uni-app项目

在工具栏中选择文件–>项目,选择项目类型,填入项目名称,选择开发模板就可以创建一个项目。日常开发推荐uni ui项目模板。

在浏览器运行项目

如果我们希望在浏览器运行项目的时候,HBuilderX能够帮我们直接打开相应的浏览器,我们需要配置一下浏览器的路径。
在工具栏中选择工具–>设置–>运行配置,找到浏览器运行配置然后填入浏览器程序的安装路径。
在这里插入图片描述
不知道路径的话,可以在桌面浏览器图标上右键选择属性,查看路径。
在这里插入图片描述
将项目运行在其他地方,具体可查看官网相关

static资源

编译到任意平台时,static 目录下的文件均会被完整打包进去,且不会编译。非 static 目录下的文件(vue、js、css 等)只有被引用到才会被打包编译进去。
static 目录下的 js 文件不会被编译,如果里面有 es6 的代码,不经过转换直接运行,在手机设备上会报错。
css、less/scss 等资源不要放在 static 目录下,建议这些公用的资源放在自建的 common 目录下。

新增页面

通过HBuilderX开发 uni-app 项目时,在 uni-app 项目上右键“新建页面”,HBuilderX会自动在pages.json中完成页面注册,开发更方便。
删除页面的时候不仅将页面删除,配置也要相应删除。

生命周期函数

参考官网

学习

  1. 基本知识点的记录
  2. 页面跳转的学习
  3. 项目搭建案例
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Serena_tz

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值