前言:
想做全栈程序员但一直没时间学习小程序 最近终于下定决心计划每天晚上下班学习小程序了
查了资料问了朋友 最后选择了 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
不解释直接看下面效果就明白了 因为官方有详细教程