Touch WX 开发文档

Touch WX 开发文档

框架介绍

Touch WX是一套完全免费的微信小程序开发框架,扩展了小程序的能力。特点如下:

1、组件扩充:

增加了30多种常用的组件用于官方组件的补充。

2、功能扩充:

兼容阿里的iconfont图标库,海量矢量图标随意使用;补充了常用样式库、支持less语法、支持全局配置主题色等

3、开发体验改善:

四文件方式改为单文件方式,通过VSCode编辑器+插件的方式开发,拥有web开发体验;

4、小程序转为H5应用:

可以与H5开发框架Touch UI工程相互转换,发布成webApp。开发一套代码,拥有两套应用。

这套框架的原理是:

将Touch WX工程中所写的代码进行编译,直接输出为微信小程序工程原始代码。扩充的30多种组件,完全是基于小程序官方的自定义组件机制实现(row&col除外)。

所以它支持小程序的全部语法,怎么开发小程序,就怎么开发Touch WX。

不过因为是单文件的开发方式,在文件的代码结构上稍有不同。请注意这一点。

这样好处在于:

1、开发者迁移成本很小。

可以轻松的将已有的小程序移植为Touch WX工程,来使用它的扩展能力;

2、便于排查错误。

当遇到问题时,开发者也可以随时查看输出的小程序原始代码来定位问题所在。不会搞不清楚到底是框架问题还是自己代码的问题;

3、按需编译

由于小程序对体积有限制,在使用框架开发时,只有使用到的组件才会编译输出为小程序源码。没用到的不会输出。

4、不会对框架产生依赖。

以后不想用了这套框架,可以直接对已经输出的小程序工程进行维护。

示例

源码下载:

https://github.com/uileader/touchuiwx

注意事项:

在安装环境导入工程后,由于此工程没有包含项目依赖,需要先识别为Touch WX工程并使用右键菜单安装项目依赖。

更新说明

2018年6月26日

touchui-wx-components:1.0.13

2018年6月6日

touchui-wx-components:1.0.12

2018年6月1日

touchui-wx-components:1.0.11

2018年5月31日

touchui-wx-components:1.0.10

2018年5月30日

touchui-wx-components:1.0.9,修复tabs、v-tabs、segment父子组件报错问题,修复sticky组件在navigationStyle: 'custom'情况下位置计算问题

2018年5月29日

touchui-wx-cli:1.1.6

touchui-wx-components:1.0.8,修复slider、star、stepper外部修改值

2018年5月17日

touchui-wx-cli:1.1.5,修复导入.wxml文件问题

2018年5月16日

touchui-wx-cli:1.1.4,修复标签<image />, <template />, <import />, <include />自闭合编译解析问题

2018年5月15日

touchui-wx-cli:1.1.3,修复新建页面时,windows系统下可能出现的pages路径写入错误

2018年5月7日

touchui-wx-cli:1.1.2,增加自定义组件功能

2018年5月4日

Touch WX插件:1.0.0

touchui-wx-cli:1.1.1

touchui-wx-components:1.0.6