一、下载微信开发者工具
1.网页搜索微信小程序,打开第一个官网,左上角点击小程序,开始注册登录。
2.下载地址(首页/小程序发布流程/普通小程序开发者程序/蓝色字体 微信开发者工具)
根据自己的计算机下载相应版本:
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
3.安装好之后在刚刚的网页里点击右上角的头像打开设置页面,获得AppID(小程序ID)
二、开始
1.打开软件之后选择小程序,输入AppID(小程序ID),填写项目目录(所在文件夹)以及项目名称,进入项目
2.刚进入就发现整个界面分为几个部分:模拟器,编辑器,调试器;
编辑器中已经存在pages文件夹,里面还有index和logs文件夹,除此之外的还有 app.json文件以及 app.js文件,app.json用来设置全局配置,app.js用来描述整个框架的逻辑;
index和logs文件夹中都有4个文件,名称都一样的不同类型的文件。
js文件和网页里面的js文件差不多,用来构造每个页面的逻辑,也就是函数在这里写;
wxml和html差不多,用各种标签来构造页面的结构,比如一个文本框,按钮等都需要在这个文件里写;
wxss和css差不多,用来辅助wxml丰富页面,写出各种样式然