1.打开微信公众平台首页,点击小程序
2.点进去后滑到底部,点击注册进入注册页面。
提醒一下,注册开发账号的时候要认真,每个平台都是独立的账号,以邮箱为准,但一个邮箱只能注册一个平台,如果注册了小程序,就不能再用那个邮箱注册公众号,且所有账号只能注册,不能注销。
3.注册好之后,回到微信公众平台的首页,拿出手机,打开微信扫码登录,登录后是这样的:
4. 下滑点击左侧 开发工具 --> 开发者工具,点击下载,下载地址:
5.根据自己电脑(Windows 64、Windows32、macOS x64、macOS ARM64)选择 稳定版 微信开发者工具进行下载,安装的时候最好一路下一步。安装好之后的图标:
6.双击打开微信开发者工具,点击 小程序 --> + 进行新建
7.会自动帮你填好目录和项目名称,如果你想更改,就在想放该项目的盘符路径下新建一个空文件夹,该空文件夹的名字就是你的项目名称,在目录那行点击文件夹图标,选择那个空文件夹,AppID处可以点击测试号,最好去 微信公众平台 --> 小程序 --> 开发管理 --> 开发设置 复制小程序ID过来,开发模式选择 小程序,语言选择 JavaScript,模板的两个下拉框选择 全部,模板选择JavaScript - 基础模板,确定
8.创建好项目之后就可以开始写代码啦
如果遇到卡顿啥的,重启一下微信开发者工具。
小程序的每一个页面都是以文件夹为单位,所有的代码分为四个类型:
- 页面的配置:.json文件
- 页面结构:.wxml文件
- js代码:.js文件
- 样式:.wxss文件
小程序写页面的时候,不需要单独建立文件,在app.json的pages中配置,系统会自动生成页面文件(一般是四个)