您可能听说过，移动开发工具包（MDK）现在有一个可用于Visual Studio（VS）代码的扩展。我最近测试了该扩展中的一些编辑和调试功能。因此，我创建了这个博客，并将使用我非常简单的应用程序作为参考，指导您在VS代码中编辑和调试移动开发工具包（MDK）应用程序。
移动开发工具包（MDK）是SAP云平台移动服务的一项功能。如果这是您对移动开发工具包的第一次介绍，我建议您首先查看提供概述主题、博客、视频和教程的学习地图。
有关VS代码的MDK扩展的介绍，请查看Visual Studio代码的移动开发工具包扩展博客。你也可以查看安装，配置，MDK帮助门户中的一般信息
请注意，SAP Web IDE仍然是移动开发工具包的主要开发编辑器。VS代码的重点是调试和编辑MDK应用程序。
前提条件
已经知道如何在SAP Web IDE中创建简单的MDK应用程序安装MDK扩展[链接到帮助门户]在sapwebide中创建一个简单的MDK应用程序。应用程序必须包含一个规则，防止客户端从移动服务获取更新。我在下面提供一个例子。
我的MDK应用程序–MDK\U演示我创建的应用程序有一个客户列表页和客户详细信息页。您不必预先创建这个确切的应用程序，但如果您想更方便地阅读博客，我将应用程序的详细信息放在这里作为参考。
注意：规则类似于OnWillUpdate.js文件（以下）是VSCode中任何MDK应用程序所必需的。因此，即使您创建了不同的应用程序，也请添加OnWillUpdate.js文件并更新应用程序.app文件如下所述。MDK客户端被设置为自动从移动服务下载更新。该规则允许用户拒绝更新，以便VS代码可以在客户端显示应用程序。
下面是我的应用程序的概要应用名称：MDK\ U DemoOData后端服务–来自移动服务的示例服务行动脱机OData初始化页我的客户列表–第页控件：ContactCellTable目标：客户标题：姓副标题：名字描述：城市已启用搜索：true搜索占位符：客户搜索空部分-标题：未找到客户数据-电话：客户电话数据-电子邮件：客户电子邮件地址客户详情–章节页控件：对象标题正文：CustomerIdDescription:电子邮件地址headlineext:姓氏副标题：名字规则OnWillUpdate.js文件
OnWillUpdate.js文件（规则示例）
应用程序.app主页：我的客户列表启动时：OfflineInitialization.action操作OnDidUpdate:0fflineInitialization.action操作OnWillUpdate：OnWillUpdate.js文件
将应用程序导入VS代码
要开始构建和调试MDK应用程序，请从SAP Web IDE中的MDK编辑器导出现有应用程序。将其解压缩并打开VS代码中的主文件夹。
注意：您可以从SAP Web IDE手动导出应用程序，但是如果你在这两个工具之间来回的话，低价云服务器，我建议你使用Git存储库。
如果你还没有这样做，请从SAP WebIDE导出你的应用程序。
在VS代码中，我单击左边的Explorer图标，然后单击Open Folder。
我找到我的应用程序MDK\U Demo并添加到VS代码中。
编辑我的应用程序应用程序
现在我的MDK应用程序是VS代码，在开始调试之前，我可以对我的应用程序进行一些更改。我意识到我还没有将导航从客户列表页添加到客户详细信息页。我不需要为此返回到Web IDE。我可以直接在VS代码中进行此操作和其他自定义。我将对我的应用程序进行以下更改应用程序。
将导航从我的客户列表添加到客户详细信息
创建关于页面
添加导航操作以打开关于页面
创建规则以调用导航操作
在我的客户列表页面上添加操作栏项以调用规则
添加在规则断点处进行规则调试
添加导航动作打开客户详情页
从VS代码中，我可以轻松创建MDK动作，我右键单击操作并选择MDK:New Action.
我得到了一个操作列表，优惠券代理平台哪个好，我可以从中选择，我开始键入Nav来查看和选择导航操作。
我给它命名为NavtoCustomerDetail，低价云服务器，我被放到NavtoCustomerDetail操作的代码编辑器中。
我在下一行键入"查看选项"对我可用。我向下滚动选择PageToOpen并按enter。
在新的""中，我键入/并且编辑器为我提供选择页面基本URL的选项。我按enter。
编辑器立即显示我已经创建的页面以供选择。我选择CustomerDetail.page页面按回车键。我保存并关闭页面。我注意到编辑器会在后台自动运行生成任务。
将导航操作添加到我的客户列表
现在我已经创建了导航操作，我会将操作添加到我的客户列表页面，这样当用户从列表中选择客户时，它们被导航到特定客户的详细信息页面。
