树哥学习小程序笔记(第一节)小程序的基础与体验


课程总结自李东老师编写的教程和微信小程序技术文档


树哥学习小程序笔记(第一节)小程序的基础与体验_第1张图片

小程序的技术文档是我们需要反复看的基础内容,而不要去百度搜各种各样离散的信息。

一、小程序文档结构

可以通过模板小程序、官方demo和weui等几个小程序示例了解小程序的的文件结构。


树哥学习小程序笔记(第一节)小程序的基础与体验_第2张图片

1、json文件,是小程序的配置文件。


树哥学习小程序笔记(第一节)小程序的基础与体验_第3张图片

2、wxml是小程序的模板文件


树哥学习小程序笔记(第一节)小程序的基础与体验_第4张图片

3、WXSS文件对一些样式进行定义


树哥学习小程序笔记(第一节)小程序的基础与体验_第5张图片

4、js是脚本逻辑文件


树哥学习小程序笔记(第一节)小程序的基础与体验_第6张图片

二、开发者工具

开发者工具主界面,从上到下,从左到右,分别为:菜单栏、工具栏、模拟器、编辑器、调试器 五大部分。


工具栏的功能如图,基本都是比较简单。


树哥学习小程序笔记(第一节)小程序的基础与体验_第7张图片

文件展示如上图。模拟器可以模拟出在手机端的显示样式。

三、体验示例小程序

点击链接官方小程序demo,

可以通过这个demo了解一个小程序是什么样的,同时可以看出小程序的完整代码。


树哥学习小程序笔记(第一节)小程序的基础与体验_第8张图片

四、体验UI小程序

WeUI官网https://weui.io/


树哥学习小程序笔记(第一节)小程序的基础与体验_第9张图片

可以学习了解一些基础样式库。

五、本节任务

不管是否看得懂,你是否走马观花浏览了一下小程序的开发文档?

下载并安装小程序的开发者工具;

注册一个微信小程序‘;

登录小程序后台管理页面,找到AppID,也就是小程序ID;

新建一个模板小程序项目;

了解模板小程序的文件结构;

了解开发者工具的界面以及大致的功能;

下载demo小程序源代码,并导入到开发者工具当中,体验一下完整的小程序的文件构成;

下载WeUI小程序源码,并体验

你可能感兴趣的:(树哥学习小程序笔记(第一节)小程序的基础与体验)