微信小程序搭建、开发工具、快捷键介绍

什么是小程序
     小程序是一种不需要下载、安装即可使用的应用,它实现了触手可及的梦想,用户扫一扫或搜一下就能打开应用,实现了用完即走的理念,用户不需要安装太多应用,应用随处可用,但无须安装卸载1

开发工具链接:

开发工具也需要需要登录,而登录的身份可以是您的微信号(支持扫码)
登录成功后,点击【小程序项目】
目前支持个人开发,注册AppID     也可以使用测试号,生产默认的AppID,优点是无须配置可信任访问域名,不会校验TLS版本
在这里插入图片描述

根目录下的3个文件(应用程序级别文件,必须放在根目录下)

根目录下的三个文件

文件 必填 作用
app.js 小程序逻辑文件
app.json 小程序配置文件
app.wxss 全局公共样式文件
4个页面文件

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+/】注释代码快捷键


  1. 微信之父张小龙 ↩︎

猜你喜欢

转载自blog.csdn.net/Mikowoo007/article/details/84258084