Touch UI 开发文档

Touch UI 开发文档

工具

TouchUI的开发工具是VSCode插件的形式,这样做是出于如下的考虑:

  1. VSCode是微软推出的功能强大的编辑器,有着非常好的使用体验,也是前端工程师使用最广泛的编辑器之一,非常适合做开发前端;
  2. 前端工程化的出现,大大提高了前端项目的开发效率并降低维护成本,但对于完全没有经验的传统前端工程师来说,各种的环境配置和依赖安装还是有不小的门槛。基于VSCode的插件机制,我们把前端工程化所需要的做的各种构建、编译环节全部封装起来,给开发者提供的是最简单的可视化右键菜单,从而简化环境配置并降低入门门槛;
  3. TouchUI框架和组件也都封装到插件里面,这样当框架有升级时,开发者通过在线升级插件的方式就可以更新TouchUI,非常方便

TouchUI的开发工具有Windows和Mac两个版本,提供的功能主要有:

创建基础工程:

生成一套基础工程,配置好了基本参数,可以基于这个工程做移动应用开发;

创建TouchUI页面:

创建ui文件,并将路径自动写入app.ui config的pages节点中;

启动开发服务:

启动服务器并编译工程,完成后就可以在chrome中边开发边预览了;

停止开发服务:

当需要重新启动服务时先停止服务再点击启动开发服务;

编译工程:

开发中,每次保存后在浏览器预览的效果都是临时文件,如果要导出web应用需要进行编译;

导出web应用:

用于输出web应用,导出后就可以部署到服务器端实际使用了。需要先编译才会出现这个菜单选项;