目录

微信开发者工具和开发

目录

微信开发者工具和开发

微信开发者工具的用途

开发微信小程序和公众号网页开发

https://i-blog.csdnimg.cn/blog_migrate/a5e2a5036aae35df72634fcf2b717525.png

小程序

添加小程序项目

在小程序的管理页面可以增删项目

https://i-blog.csdnimg.cn/blog_migrate/c941fc132cff0d0bd80605ff22c1c8bc.png

添加小程序可以使用小程序公众号的appid,也可以不使用(一些功能不能使用)

https://i-blog.csdnimg.cn/blog_migrate/083457a9c1b42231b50bda9485f08369.png

小程序编辑器功能

头部是编辑器的基本功能,包括打开关闭新建文件,编辑设置,界面,快捷键之类的设置

https://i-blog.csdnimg.cn/blog_migrate/cf676bb80bec18b26e5c914abc347c2f.png

左上角是用户的信息和用户要是否要显示模块

https://i-blog.csdnimg.cn/blog_migrate/836b2dcd9beb65c8f37b14fdfb3bd753.png

左边是选择手机型号,预览百分比,信号选择,页面预览,打开路径,场景值(怎么进入小程序的区别),页面参数等信息

https://i-blog.csdnimg.cn/blog_migrate/e78296df16861b7d6caed499e55f33af.png

中间上边是编译,调试,预览,远程调试,切后台(点击后就弹出场景值),清除各种缓存

https://i-blog.csdnimg.cn/blog_migrate/1096e9dc7b1e82923d9988a7d5e6df26.png

右上角是上传到腾讯服务器,测试服务器的按钮,上传需要填写必要的信息

https://i-blog.csdnimg.cn/blog_migrate/4a38a8a154018e785d949a577e4e3b99.png

点开右上角的详情是这个项目的基本配置信息。基出调试库是sdk的版本版本越高功能越强大。项目配置主要是代码转移,压缩,补全,是否检验域名。域名信息主要是在小程序平台配置的安全域名,微信会根据域名验证是否安全。腾讯云状态我理解是项目在腾讯云部署的话一些配置

https://i-blog.csdnimg.cn/blog_migrate/7ee90585e36be60cbefb9d9e3eecdf41.png

https://i-blog.csdnimg.cn/blog_migrate/6d8038a144a02b7177d2cb6704225e3d.png

https://i-blog.csdnimg.cn/blog_migrate/da2853d28999e786d9d9090a53c1a065.png

代码编辑左边是目录列表,右边是单个文件代码

https://i-blog.csdnimg.cn/blog_migrate/b1b679deb184065c6cab9e83e68ae45c.png

小程序调试工具

console:代码输出,报错

source:当前项目编译后的脚本文件

network:观察请求的情况

security:看着像是安全方面的东西,有人懂给我讲一下

stroage:显示当前stroage存储情况

appData:显示当前页面data数据情况

wxml:页面结构和对象的css

sensor:模拟地理位置和重力感应

trace:我研究这是链接手机调试的东西,没太搞懂

https://i-blog.csdnimg.cn/blog_migrate/234d2fea28d72840a07fc78323e3992a.png

公众号开发

编辑器头部只有前进后退一些基本功能,输入框里面是调试的网页链接

https://i-blog.csdnimg.cn/blog_migrate/8370d79bfe8d68f9ea8916db3642717b.png

展示区基本上一样

https://i-blog.csdnimg.cn/blog_migrate/236bb135d4d39d6dd234d235fbb8898b.png

调试区跟chrome的一样

https://i-blog.csdnimg.cn/blog_migrate/f3bfaeaa07f684f0345b709384ff8bd7.png

小程序示例

搜小程序示例。示例是腾讯的demo,可以让人快速的了解上手开发。地址https://github.com/Hao-Wu/WeApp-Demo

小程序开发助手

搜小程序开发助手。管理开发进度和线上版本

https://i-blog.csdnimg.cn/blog_migrate/f71e50f8bf3521c4c5ca40f59ad2768b.png

vue开发小程序

由美团实现的vue开发小程序简称mpvue。官网(http://mpvue.com/)

转载于:https://www.cnblogs.com/lichunjing/p/8651154.html