小程序开发准备工作

开发小程序,先申请小程序账号,https://mp.weixin.qq.com,点击注册,选择小程序,按要求填写信息,注册成功以后,设置里可以看到小程序AppID(小程序ID),这里写图片描述

我现在是管理者,如果需要添加开发者,可以通过成员管理进行添加
这里写图片描述

安装开发环境:
https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html,下载对应版本,安装完成。
安装完成需要微信扫码登录
这里写图片描述
扫码完成以后,选择小程序开发
这里写图片描述
填写项目信息:
这里写图片描述
进入开发界面:
这里写图片描述
点击顶部菜单栏中的编辑,可以看到一些操作,以下是一些常用快捷键:
Ctrl+End:移动到文件结尾
Ctrl+Home:移动到文件开头
Ctrl+i:选中当前行
Shift+End:选择从光标到行尾
Shift+Home:选择从行首到光标处
Ctrl+Shift+L:选择所有匹配
Ctrl+D:选中匹配
Ctrl+U:光标回退
Ctrl+S:保存文件
Ctrl+[,Ctrl+]:代码行缩进
Ctrl+Shift+[,Ctrl+Shift+]:折叠打开代码块
Ctrl+C,Ctrl+V:粘贴复制
Shift+Alt+F:代码格式化
Alt+Up,Alt+Down:上下移动一行
Shift+Alt+Up,Shift+Alt+Down:向上向下复制一行
Ctrl+Shift+Enter:在当前行上方插入一行

调试功能:
Console:控制台信息页,可以在此输入代码并调试,也可以显示小程序的错误输出
Storage页:数据存储信息页,用于显示当前项目使用存储API(wx.setStorage或wx.setStorageSync)接口的数据存储情况,比如,在Console中输入wx.setStorage({key:”name”,data:”test”}),在Strorage页面可以看到这个key-value数据
这里写图片描述
这里写图片描述

AppData页:用于调试小程序项目此时此刻的应用具体数据,实时地回显项目数据调整情况,在这个上边编辑修改数据,可以在当前页面上显示,比如把hello world改成hello w
这里写图片描述
Wxml页:调试WXML转化后的页面
这里写图片描述

运行小程序:点击预览,用手机微信扫码,可以在手机上运行小程序
这里写图片描述

  • 0
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值