【微信小程序】微信开发者工具的使用

微信开发者工作是微信官方提供的针对微信小程序的开发工具，集中了开发，调试，预览，上传等功能。下面来介绍下自己的针对小程序和微信开发者工具的使用心得。

下载地址：开发者工具下载地址

1.下载并安装以后打开，需使用微信号扫码登录开发者工具。

登陆新建一个quick start项目

如果还没有注册，可以填写无AppID，它会显示部分功能受限，实际上并没有太大影响。

2.添加一个quick start项目

3.目录结构

从上图的右侧可以很清晰地看出来一个微信小程序的结构，一个微信小程序的页面包括四个文件：

a.“.js”后缀的是脚本文件，主要是写一些业务逻辑的代码，基本和JavaScript一样。（在开发过程中发现一些函数JS有而微信没有，毕竟这是微信自己的一套东西）。

b.“.json”后缀的是配置文件，例如tab的各种属性，实际中每个小页面的使用的并不多，涉及全局配置的app.json使用比较多，app.json中包括决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。

c.“.wxml”后缀的是前端显示页面文件，你也可以把它理解为html页面，规则也和html5很类似，还是那句话，并不是完全一样，有些H5实现的东西wxml并不能实现。

d.“wxss”后缀的是样式表文件，类似于css。

以上是每个微信小程序页面的四种基本构成，微信开发者工具会根据这些，编译生成相应的小程序实例。

【微信小程序】微信开发者工具的使用相关推荐

微信开发者工具 wxmi修改模版颜色_网站建设公司讲解：微信小程序的开发者工具界面...
网站建设公司深圳市博纳网络信息技术有限公司()讲解:微信小程序的开发者工具界面创建项目后,进入到微信开发者工具界面,界面大致可以分为6个区域:①菜单栏区域,②模拟器.编辑器.调试器显示与隐藏区域,③ ...
微信小程序在开发者工具和预览下边跳转都好好的真机预览就找不到页面，报错 {“errMsg“:“navigateTo:fail page \“***\“ is not found“}
微信小程序开发有这么一种情况: 在开发者工具里边随便点随便跳转,页面都能找到点击预览,手机扫码来回点来回跳,页面都能找到点击真机预览,来回点来回跳,偶尔页面就找不到了报错:(in promise ...
微信小程序在开发者工具中能收到发送消息，手机预览不能获取发送消息
如题,开发微信小程序时,发现在开发者工具中能正常发送收到消息,而在真机中不打开调试模式的情况下不能发送获取消息,找了半天文档终于找到了原因: 服务器域名配置原因引起的在没设置服务器域名的时候不开启上 ...
uniapp开发微信小程序，开发者工具、真机预览都没问题，唯独预览、体验版在手机上列表顺序错乱，用的localeCompare做的中文排序，终于找到问题并解决掉了，记录一下子
中文转拼音资源地址:https://download.csdn.net/download/qq_38652871/10906193 排序方法记录地址:https://blog.csdn.net/qq_ ...
微信小程序之开发者工具下载及使用
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 找到下载----选择稳定版本-选择windows64 A ...
一键生成微信小程序的制作工具-小程序切片工具
微信小程序前端开发者工具(小程序切片)是一款根据效果图像画画一样来设计微信小程序,自动生成导出前端页面的快速开发工具.可以很方便.快速地生成小程序的wxml,wcss,js文件.可以大大提高您的工作效 ...
微信小程序零基础入门_第一章小程序和开发者工具的介绍
第一章小程序和开发者工具的基本介绍 1.1 小程序的开发工具微信小程序的开发者需要先通过微信公众平台注册开发者账号.在微信公众平台网页中的账号分类->小程序中有着较为详细的注册介绍,可以较为 ...
微信小程序微信开发者工具常用快捷键（含MAC OS和Windows）以及各种设置
微信小程序微信开发者工具常用快捷键(含MAC OS和Windows)以及各种设置最常用的快捷键: 快捷键(含MAC OS和Windows) 设置页打开方式通用设置外观设置快捷键设置编辑设置 ...
python开发微信小程序-Python 开发者的微信小程序开发实践
导读在知乎上,有人提问"如何使用 Python 开发微信小程序". 其实微信小程序作为一个前端的机制,Python 并不能插上边.只不过可以作为后端接口为微信小程序提供数据服务而 ...
微信小程序开发什么工具好？
现在微信小程序已经是非常普遍,而开发小程序也变得更简单,只需要使用微信小程序开发工具就可以帮助你快速完成小程序.如果能熟练掌握其基本操作,可以大大提高开发效率,节省时间.精力和成本,让客户更早使用你的 ...

【微信小程序】微信开发者工具的使用

【微信小程序】微信开发者工具的使用相关推荐

最新文章

热门文章