uni-app学习 配置(一)

前言:
想做全栈程序员但一直没时间学习小程序 最近终于下定决心计划每天晚上下班学习小程序了
查了资料问了朋友 最后选择了 Dcloud的uni-app框架 因为可以一同把app和小程序一起开发了 大大节约了开发时间和增加销量啊

安装:

下载HbuilderX(用于开发)和微信web开发者工具(用于调试小程序)

**创建项目:
**
选择uni-app项目
在这里插入图片描述
架构:

pages目录相当于html
static放一些静态的文件 一些css、js、images

配置:
在微信web开发工具里一定要打开否则不能通过HbuilderX打开
在这里插入图片描述
app.vue 是整个项目全局配置

<script>
	export default {
		//初始化完成时触发(全局只触发一次)
		onLaunch: function() {
			console.log('app 启动了')
		},
		//当 uni-app 启动,或从后台进入前台显示
		onShow: function() {
			console.log('app 被打开')
		},
		//隐藏
		onHide: function() {
			console.log('App 隐藏')
		},
		onError: function() {
			console.log('App error')
		}
	}
</script>

<style>
	/*每个页面公共css */
</style>

pages.json
不解释直接看下面效果就明白了 因为官方有详细教程
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值