(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210838401.9 (22)申请日 2022.07.18 (71)申请人 深圳凡泰极客科技有限责任公司 地址 518000 广东省深圳市福田区梅林街 道孖岭社区凯丰 路10号翠林大厦19层 1901-1902 (72)发明人 杨涛　徐鹏　吴志豪　陆乾昱　 奉靖　 (74)专利代理 机构 安徽智联芯知识产权代理事 务所(普通 合伙) 34237 专利代理师 金璐 (51)Int.Cl. G06F 9/445(2018.01) G06F 9/451(2018.01) (54)发明名称 一种基于微软VisualStudioCode开发工具 的小程序预览方法 (57)摘要 本发明涉及小程序预览方法技术领域， 尤其 涉及一种基于微软VisualStudioCode开发工具 的小程序预览方法， 小程序预览插件包括插件主 模块和插件 web‑view视图层； 插件主模 块包括文 件管理模块、 本地服务器模块和编译管理器； 插 件web‑view视图层包括小程序逻辑层和小程序 视图层， 插件web ‑view视图层与本地服务器模 块 双向通讯连接。 本发明基于VisualStudioCode开 发工具设置为小程序预览插件， 提供了一种在 VisualStudioCode开发工具内打开和编译小程 序的方法； 小程序预览插件包括插件主模块和插 件web‑view视图层； 小 程序预览插件 解决小程序 了开发需要安装不同平台工具的问题， 同时实现 了实时编译和预览， 在 VisualStudioCode中即可 实现其他不同开发工具的功能。 本发 明支持配合 使用VisualStudioCode中的众多插件， 对 开发效 率有所提升 。 权利要求书1页 说明书3页 附图3页 CN 115237496 A 2022.10.25 CN 115237496 A 1.一种基于微软VisualStudioCode开发工具的小程序预览方法， 其特征在于， 该方法 基于VisualStudi oCode开发工具设置为小程序预览插 件； 小程序预览插 件包括插件主模块和插 件web‑view视图层； 插件主模块包括文件管理模块、 本地 服务器模块和编译管理器； 插件web‑view视图层包括小程序逻辑层和小程序视图层， 插件web ‑view视图层与本地 服务器模块双向通讯连接 。 2.根据权利要求1所述的一种基于微软VisualStudioCode开发工具的小程序预览方 法， 其特征在于， 本地服务器模块发送数据至插件web ‑view视图层； 插件web ‑view视图层反 馈事件至本地服务器模块。 3.根据权利要求1所述的一种基于微软VisualStudioCode开发工具的小程序预览方 法， 其特征在于， VisualStudi oCode为跨平台源代码编辑器， 也称为VS  coda。 4.根据权利要求1所述的一种基于微软VisualStudioCode开发工具的小程序预览方 法， 其特征在于， web ‑view为加载网页的容器组件。 5.根据权利要求1 ‑4任一项所述的一种基于微软VisualStudioCode开发工具的小程序 预览方法， 该 方法的步骤如下， 其特 征在于： S1、 基于VisualStudioCode插件机制， 插件主模块在启动阶段执行如下操作： 创建文件 管理模块， 负责本地文件读取； 创建本地 服务管理器； 创建编译管理器； S2、 启动文件管理模块， 读取本地文件目录， 保存目录地址； S3、 启动本地 服务管理器， 设置监听端口； S4、 启动编译管理器， 传入S2中的目录地址， 启动文件修改监听； S5、 创建预览小程序的web ‑view视图层， 加载 预览页面； S6、 编译本地文件， 生产小程序代码； S7、 web‑view界面刷新， 加载加载小程序的逻辑层和小程序的视图层； S8、 加载完成后， 展示及开始运行小程序； S9、 若有修改本地文件代码， 重新执 行S5‑S8； S10、 若小程序逻辑层和视图层调用小程序接口， 接口会以请求形式发送至插件的本地 服务中， 由本地 服务处理并返回数据。 6.根据权利要求1 ‑4任一项所述的一种基于微软VisualStudioCode开发工具的小程序 预览方法， 其特 征在于， 该 方法的用户使用流 程如下： S1、 安装小程序预览插 件； S2、 打开小程序代码目录； S3、 选择工具命令， 启动插 件； S4、 插件右侧展示小程序预览界面； S5、 编辑小程序代码， 会实时进行小程序编译； S6、 编译完成， 预览界面刷新。权　利　要　求　书 1/1 页 2 CN 115237496 A 2一种基于微软Vis ualStudioCode开发工具 的小程序预览方 法 技术领域 [0001]本发明涉及小程序预览方法技术领域， 尤其涉及一种基于微软VisualStudioCode 开发工具的小程序预览方法。 背景技术 [0002]小程序是一种无需下载安装即可打开使用的应用， 使用传统的网页相关技术进行 开发， 对小程序进行开发时需要依赖专用平台的开发工具， 否则无法高效的进行开发。 [0003]申请号为CN202010251224.5的发明公开了小程序包的部署、 预览方法和装置， 具 体实现方案为： 获取待发布的小程序包、 小程序包的信息和小程序包的调起协 议； 对小程序 包进行网络部署， 得到小程序包的预览版网络地址； 将小程序包的信息、 调起协 议和预览版 网络地址提供至终端， 以供终端根据小程序包的信息和预览版网络地址下载小程序包， 并 根据调起协议调起小程序包对应的小程序。 该方法打破了现有技术中的串行操作模式， 提 高小程序部署过程中的服 务稳定性和性能。 [0004]但是， 上述现有技术存在以下缺陷： 上述方案解决了小程序部署中的服务稳定性 和性能问题， 但是在开 发小程序时， 需要使用专用的开 发和预览工具， 每个平台都提供了不 同的工具。 工具功能不一， 开 发时对工具使用要求较高， 且工具不支持更多的自定义编辑配 置， 开发效率难以提高， 增加了不必要的工作量， 工具操作也愈发复杂。 安装和 配置不同平 台的工具也略显 繁琐， 容易出现配置复杂、 占用空间较大的问题。 发明内容 [0005]本发明针对背景技术中存在的技术问题， 提出一种基于微软VisualStudioCode开 发工具的小程序预览方法。 [0006]Visual Studio Code， 简称 “VS Code”， 是微软在2015年4月30日Build开 发者大会 上正式宣布一个运行于Mac  OS X、 Windows和Linux之上的， 针对于编写现代Web和云应用的 跨平台源代码编辑器， 可在桌面上运行， 并且可用于Windows， mac  OS和Linux。 它具有对 JavaScript， Type  Script和Node.j  s的内置支持， 并具有丰富的其他语言和运行时扩展的 生态系统。 [0007]本发明的技术方案： 一种基于微软VisualStudioCode开发工具的小程序预览方 法， 该方法基于VisualStudioCode开发工具设置为小程序预览插件； 小程序预览插件包括 插件主模块和插件web ‑view视图层； 插件主模块包括文件管理模块、 本地服务器模块和编 译管理器； 插件web ‑view视图层包括小程序逻辑层和 小程序视图层， 插件web ‑view视图层 与本地服务器模块双向通讯连接 。 [0008]优选的， 本地服务器模块发送数据至插件web ‑view视图层； 插件web ‑view视图层 反馈事件至本地服务器模块。 [0009]优选的， VisualStudi oCode为跨平台源代码编辑器， 也称为VS  coda。 [0010]优选的， web ‑view为加载网页的容器组件。说　明　书 1/3 页 3 CN 115237496 A 3