【微信小程序开发】学习笔记第1天-

出于好奇,了解了解微信小程序。

1.微信小程序开发工具下载与安装

 官方教程:微信官方简易教程

 开发工具下载:开发工具下载

2.微信小程序的文件结构:

 1)见下图:【微信小程序开发】学习笔记第1天-

2)这里有个小技巧,每次新建页面的时候,把文件夹名字写好,然后再app.json这个全局文件写上资源文件路径(相对路径),

然后保存,文件夹里面的四个文件工具会自动帮我们生成:

【微信小程序开发】学习笔记第1天-

3)其实,微信小程序每个资源的四个小文件个人觉得都可以这样理解

 js-------专门写业务逻辑的文件,其实就是我们常用的javascript

json-----配置文件,可以配置一些风格啊,文字颜色,工具栏颜色图标什么的,app.json是全局配置,

子文件的json是当前页面配置(优先级高)

wxml----视图表现层,其实相当于我们熟悉的html,里面全是一些标签组成的,取值的时候用两个大括号对{{ }}

wxss-----样式文件,相当于我们熟悉的css文件

3.第一次写的时候自己遇到的一些坑:

 1)配置json文件的时候,最后一个键值对后面不要加逗号 ---","工具会报错,不给编译通过,平时写js

文件里面的json对象时后面加逗号不会报错,这个需要注意,比如上面的那张图logs后面不要加","