随着微信的迅速发展,微信小程序也得到快速发展,现在使用的场景也越来越多,最常见的是我们都会打开健康码,行程码等的手机页面都可以使用微信小程序,下面谈谈微信小程序一些入门级的开发教程。
首先要安装一个微信开发者工具的软件,如果没有可以到微信开发者网站去下载,一般情况我们下载稳定版就可以了,如下图所示:
然后打开微信开发者工具,然后点击左上角的“项目”->“新建项目”,如下图所示:
然后输入项目名称,还要最重要的AppId,如果还没申请微信小程序账号,可以先使用测试号,如下图所示:
点击确定后,就创建了一个新的小程序项目了。
第三,我们可以看到新的小程序界面,左边显示的是世界上的最有名的提示语”Hello World!” ,这是小程序默认的一个首页页面,右边显示的就是小程序的文件了,如下图所示:
接下来我们讲一讲这些公用文件的用处,
page:就是小程序的内容夹,所有要打开的页面都在这里,例如page/index/index.wxml就是首页的页面。
utils:用来放置各种各样的JS文件,例如小程序的登录JS文件,调用接口的JS文件等。
App.js:这是一个必须的文件,也就是小程序的公共的JS文件,一些小程序配置,调用接口的URL,获取设置的信息等都行。
App.json:主要是用来限制小程序能打开哪些页面,底部的自带菜单的设置也在这里配置,如下图所示:
Project.config.json:项目配置文件,一般默认就行,不需要设置,如果要更改AppId,可以在这里更改。
Sitemap.json:没什么用,不用管。
以上就是讲了小程序自带的文件和文件夹的一些作用,文件夹并不是一定要这样命名,但我们使用默认的是最方便的了。