WeTouch 开发文档

WeTouch 开发文档

工具

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

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

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

创建基础工程:

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

创建WeTouch页面:

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

启动开发服务:

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

停止开发服务:

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

开始编译工程:

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

停止编译工程:

用于开始编译的中途结束;

Android真机预览:

会自动在安卓手机上安装一个叫AppLoader的App外壳并把工程编辑后的文件传输过去,用于真机预览。需要先编译才会出现这个菜单选项;

IOS真机预览:

会自动在苹果手机上安装一个叫AppLoader的App外壳并把工程编辑后的文件传输过去,用于真机预览。需要先编译才会出现这个菜单选项;

导出web应用:

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

云端打包Android端App:

通过云端打包服务将工程编译并打包成apk安装包。不需要手动预先编译,打包时会自动编译;

云端打包IOS端App:

通过云端打包服务将工程编译并打包成ipa安装包。不需要手动预先编译,打包时会自动编译;