什么是小程序
小程序是一种不需要下载、安装即可使用的应用,它实现了触手可及的梦想,用户扫一扫或搜一下就能打开应用,实现了用完即走的理念,用户不需要安装太多应用,应用随处可用,但无须安装卸载1
开发工具链接:
开发工具也需要需要登录,而登录的身份可以是您的微信号(支持扫码)
登录成功后,点击【小程序项目】
目前支持个人开发,注册AppID 也可以使用测试号,生产默认的AppID,优点是无须配置可信任访问域名,不会校验TLS版本
根目录下的3个文件(应用程序级别文件,必须放在根目录下)
文件 | 必填 | 作用 |
---|---|---|
app.js | 是 | 小程序逻辑文件 |
app.json | 是 | 小程序配置文件 |
app.wxss | 是 | 全局公共样式文件 |
4个页面文件
文件类型 | 必填 | 作用 |
---|---|---|
.js | 是 | 页面逻辑 类似于前端编程中的JavaScript文件,用来编写小程序的页面逻辑 |
.wxml | 是 | 网页结构 类似HTML文件,用来编写页面的标签和骨架,但不同于HTML |
.wxss | 否 | 网页样式表 类似CSS文件,用于编写小程序的样式, 编写语言就是CSS |
.json | 否 | 网页配置 用来配置页面的样式与行为 |
utils 该文件夹用来存放一些公共的 .js 文件
Panel名 | 功能 |
---|---|
Console | 用于调试和输出信息,开发者也可以在这里输入代码 |
Sources | 是默认的panel,用于显示当前项目的脚本文件 |
Network | 主要用来观察和显示网络连接的相关情况 |
Storage | 用于显示当前项目的数据缓存情况 |
AppData | 用于显示项目中被激活的所有网页的数据情况,这些数据主要是用来做数据绑定的 |
Wxml | 很重要的一个功能, 类似Chrome调试工具下的Elements模块,主要用来调试Wxml标签 和相关CSS样式 |
打开官方API文档 帮助文档参考链接
版本更新细节
【工具】>【下载】>【历史更新日志】
【微信开发者工具】>【关于】
【F1】查看命令面板
【F10】单步执行
【F11】进入方法
【F8】继续运行到下一个断点
【Ctrl+S】保存文件
【Ctrl+[】减少代码行缩进
【Ctrl+]】增加代码行缩进
【Shift+Alt+F】代码格式化
【Alt+Up】代码行上移一行
【Alt+Down】代码行下移一行
【Ctrl+Shift+UP】在当前行的上方复制当前行的内容
【Ctrl+Shift+Down】在当前行的下方复制当前行的内容
【Ctrl+Shift+Enter】在当前行的上方插入一行
【Ctrl+Shift+F】全局搜索
【Ctrl+End】光标移动到文件结尾
【Ctrl+Home】光标移动到文件开头
【Ctrl+i】选中当前行
【Shift+End】选择从光标到行尾
【Shift+Home】选择从行首到光标处
【Ctrl+D】选中匹配
【Ctrl+Shift+L】选中所有匹配
【Ctrl+U】光标回退
【Ctrl+/】注释代码快捷键
微信之父张小龙 ↩︎