【微信小程序】微信开发者工具的使用
2017-04-25 17:05
706 查看
微信开发者工作是微信官方提供的针对微信小程序的开发工具,集中了开发,调试,预览,上传等功能。下面来介绍下自己的针对小程序和微信开发者工具的使用心得。
下载地址:开发者工具下载地址
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。
以上是每个微信小程序页面的四种基本构成,微信开发者工具会根据这些,编译生成相应的小程序实例。
下载地址:开发者工具下载地址
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。
以上是每个微信小程序页面的四种基本构成,微信开发者工具会根据这些,编译生成相应的小程序实例。
相关文章推荐
- 2017/7/19小程序基础类库更新,Map组件又可以在微信开发者工具中使用了
- 微信小程序常见问题-为什么可以在微信开发者工具中使用http
- 微信web开发者工具的使用
- 微信web开发者工具使用教程
- 微信小程序 开发 微信开发者工具 快捷键
- 微信小程序的工具使用以及目录结构详解
- Java微信公众平台开发(十四)【番外篇】——微信web开发者工具使用
- 微信小程序开发者工具0.10.101100版本
- 微信小程序开发详解(二)---开发工具使用简介
- mac版微信web开发者工具(小程序开发工具)无法显示二维码 解决方案
- 微信小程序之开发者工具介绍(三)
- 微信小程序开发者工具集合包
- 【微信小程序】开发者工具下载安装及创建项目功能预览
- 微信开发第三篇 微信开发者工具在线接口调试工具的使用介绍
- 微信小程序 (应用号)开发(教程)文档,内附开发工具及工具使用方法
- 微信小程序 开发 微信开发者工具 快捷键
- 程序开发者使用最多的五个PHP工具
- 微信小程序IDE(微信web开发者工具)安装、破解手册--转载