玩转微信小程序-03_如何使用'微信Web开发者工具'

微信Web开发者工具

---

#请认真读,尤其是第3个模块的第10条信息!

---

一 、个人开发前必读:

个人开发和学习的同学，最关心的是个人额能不能申请和发布，目前的答案是：不能发布，但是可以开发；

1：申请Appid
注意:拥有appid后，即可开始真机预览；本方法仅用于测试和研究，无法认证和审核，请勿申请认证；
2：如何真机预览
3：如何设置体验者/开发者/体验版本/

二、快捷键列表：

1.格式调整

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：在当前行上方插入一行
Ctrl+Shift+F：全局搜索

2.光标相关

Ctrl+End：移动到文件结尾
Ctrl+Home：移动到文件开头
Ctrl+i：选中当前行
Shift+End：选择从光标到行尾
Shift+Home：选择从行首到光标处
Ctrl+Shift+L：选中所有匹配
Ctrl+D：选中匹配
Ctrl+U：光标回退

3.界面相关

Ctrl + \\：隐藏侧边栏
Ctrl + m: 打开或者隐藏模拟器

三、开发工具项目区简介

工具项目

1.配置信息：

用于解决在后台配置域名未生效的问题；

2.预览：

就不多说了；

3.真机预览上传：

管理员上传至后台，设置体验及审核版本使用；

4.开发环境不校验：

为了让开发环境中使用appid时，不合规则的域名也可以正常使用（比如本地或IP地址及未配置的域名）；

5.压缩代码：

为了节约空间，小程序上限为1M：参考

6.删除项目：

删除相应的项目

7.代理：

在这里可以设置代理，或取消代理；用于解决很多因代理而引发的问题；

8.appid:

选择无appid，即可在没有appid情况下进行开发，但是无法预览；

9.项目名称：

随意填写

10.项目目录：

• 如果你选择了一个demo导入，请选择app.json所在的根目录文件夹，请勿选择其上级文件夹，否则会报错：找不到app.json；

• 如果你想新建一个项目，请先在电脑内新建一个空文件夹，选择空文件夹即可，假如你选择的不是空文件夹，可能无法看到新建quickstart项目；

11.快速生成项目目录技巧：

在app.json内输入路径后保存，即可生成相应路径的完整文件目录，防止因js或json文件为空而引发的一系列报错

12.配置域名:

后台配置域名:必须配置域名后，才可以使用配置的域名，比如你需要请求XX地址的数据，必须在后台设置了域名之后，才可以真机请求数据；
必须https的域名才可以请求，如果出现https的问题，请查询排查

---

感谢关注!