微信小程序开发:第一天
1.下载安装微信官方的编辑工具
2.创建项目
使用自己的微信扫一扫之后,添加项目,选择无ID,点击确定,到达开发页面。
注:在创建小程序的时候,如果选择quick start,小程序会帮你创建一个微信小程序的结构,包含了微信小程序的必备的一些文件。
3.开发工具的界面认识
微信小程序的开发界面对于我们前端开发人员来说,太熟悉了,所以我在这里就不赘述了,有什么不懂得问题,自己摸索吧!谁不是这样过来的啊! 哇哈哈啊哇哈哈,幸灾乐祸的笑!
笑完之后,还是给大家介绍一下,微信小程序的调试,好程序都是调出来的啊!
1.模拟器
模拟器可以模拟微信小程序在客户端的真实逻辑表现,对于打对手的API来说,均可以在模拟器上显示。
2.调试工具
1.console面板
身为前端会js,你说你不知道,你看你们老板打你吗?嘻嘻
2.sources面板
sources面板显示当前项目文件的脚本文件,左侧显示源文件目录结构,中间显示选中的源代码,右侧显示调试的相关按钮及变量。
3.network面板
这个你可以不知道,但是你肯定不是一个有上进心的好前端。
网络请求,观察发送的数据和返回的数据。
4.appdata面板
实时的反馈项目数据情况,显示当前小程序用到的数据。
5.strong面板
用于显示当前项目的本地存储情况。
6.Wxml面板
相当于view视图界面,可以在这里看到真实的页面结构以及结构对应的代码。
3.文件管理
创建新文件删除文件,但是比较复杂,推荐在app.js中用代码创建。
4.编辑代码
跟基本的编辑器差不多,代码提示还可以,就是界面不太好看,看惯了美工妹子的界面,乍一看这个界面,哎,伤心啊!
开发工具就给大家介绍到这里,有什么不懂得,先百度,在问人。
3.查看小程序效果
在开发工具中,在左边,可以时时查看效果。所以就不赘述了。
在手机上看效果要id,小人我没有,所以就算了,我就不写了,因为没有实践过。
好了,今天就给大家介绍到这里,如果大家有什么看不懂的地方,欢迎吐槽!
大家下载一个编辑器,点击安装,熟悉一下界面,功能就好了!