微信小程序已经慢慢的走进了我们的生活中,今天给大家带来微信开发工具的简单介绍及使用,如果大家想开发微信小程序,那么这篇文章就是你的入门指南
01
安装开发者工具并注册小程序
首先在微信公众平台注册小程序
然后按照自己电脑的系统下载并安装开发者工具
02
创建小程序
1、项目名称:填写小程序的名称
2、目录:选择小程序的文件路径
3、AppID:登录微信公众平台后查找自己对应的AppID并填写(也可以点击测试号创建临时的AppID)
4、开发模式:小程序
5、后端服务:我们目前先选择不适用云服务
~~填写好对应的信息之后就可以创建小程序~~
03
了解每个文件
这些文件是我们创建小程序的时候系统自动生成的文件,我们来认识一下每个文件都有什么作用
pages:页,就是小程序的页面,我们小程序的每一个页面都会放在这个文件夹里面
pages-index(logs): 系统默认生成的两个页面,index是现在开发者工具左侧的页面。当我们点击左侧用户头像的时候就会跳转到logs页面
pages-index-index.js(.json .wxml .wxss):每一个页面都是由这四个文件组成的 .json只能设置 window 相关的配置项,以决定本页面的窗口表现 .js负责这个页面的逻辑也叫语义层 .wxss负责这个页面的样式也叫视觉层 .wxml负责这个页面的结构也叫语义层
utils:提供公共方法的,如果用不到可以删除
app.json:文件用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。
app.js(.wxss):全局页面的逻辑(视图)
project.config.json:这个小程序项目的配置文件,例如:AppID,项目名称等等..
今天给大家介绍了开发者工具每个文件,相信大家对小程序开发也有了一定的了解,大家可以在相对应的文件编辑自己的代码就可以了