微信开发简介

2019-03-13
来源:

微信小程序已经慢慢的走进了我们的生活中,今天给大家带来微信开发工具的简单介绍及使用,如果大家想开发微信小程序,那么这篇文章就是你的入门指南


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,项目名称等等..





今天给大家介绍了开发者工具每个文件,相信大家对小程序开发也有了一定的了解,大家可以在相对应的文件编辑自己的代码就可以了



阅读135