VSCode本地调试 概述 Huawei Cloud FunctionGraph是华为云Serverless产品的VSCode插件。通过该插件，您可以： 快速地在本地创建函数 运行调试本地函数、部署本地函数至云端 拉取云端的函数列表、调用云端函数、上传ZIP包至云端 前提条件 下载

查看更多 →

g信息，代码上方有相应的调试步骤。 VS Code使用常见问题 VSCode中查看远端日志 使用VSCode调试代码时不能进入源码 使用VSCode提交代码时弹出对话框提示用户名和用户邮箱配置错误 VSCode连接远端Notebook时报错如“XHR failed” 安装远端插件时不稳定，需尝试多次

查看更多 →

单击上传按钮上传文件，由于之前在上传事件的自定义JS代码中使用“debugger” 语句设置断点，因此事件代码在执行到debugger语句时会停止执行。 按“F8”可跳转下一个断点，按“F10”可跳转下一行，根据相关数据判断页面逻辑是否正确执行。 图6 调试js代码 调试DOM及样式 在标准页面开发界面，单击，预览标准页面。

查看更多 →

断点 断点定义了源代码中程序执行应停止的位置。CodeArts IDE支持多种类型的断点，可以通过单击编辑器行号边缘、使用边缘的上下文菜单或在“运行和调试”视图的“断点”部分中进行切换。 设置断点 启用和禁用断点 删除断点 父主题： 调试

查看更多 →

断点 简介 设置断点 启用和禁用断点 删除断点 父主题： 调试

查看更多 →

断点 Breakpoints部分允许您管理断点。有关详细信息，请参见断点。 父主题： 检查暂停的程序

查看更多 →

断点 断点部分允许您管理断点，详情信息请参阅断点。 父主题： 检查暂停的程序

查看更多 →

。 断点 直接在代码里Debugger。 在代码运行到该处就能触发断点，这对于Sources面板来说不容易寻找源码中的断点。 Sources源码中加断点。 这种打断点非常方便，但有时候没那么容易找到源码。 Dom修改时加断点。 图3 Dom断点 Ajax请求断点。 图4 Ajax断点

查看更多 →

依赖网络，存在不流畅的情况 加载性能 首次慢，后续平滑 依赖网络，需要不断优化 开发环境 vscode 部署Web服务，成本高，浪费额外业务开发成本 调试 可在PC调试大部分功能 必须手机 API 大量的JS API可调用原生能力 少量API UI适配 利用UI组件免去大量适配工作 需自行实现

查看更多 →

调用低代码平台API 断点调试 在Sources页签下，可以设置断点来调试JavaScript。使用断点，DevTools会在暂停时及时显示所有变量值。Chrome 开发者工具 ，提供了代码行断点、条件代码行断点、DOM断点和事件侦听断点等多种断点，请根据调测的实际需求选择合适的断点。断点的类型和使用场景，如表1所示。

查看更多 →

页面JS 编写JS脚本 单击左侧插件栏中页面JS按钮即可打开页面JS面板。在代码编辑区中编写好代码后单击右上角保存按钮。 图1 代码编辑区 系统预先编写好了一些范例脚本，单击“展示使用帮助”可以查看提供的范例脚本。 可以将需要使用的相关范例复制，然后单击“关闭使用帮助”回到JS代码编辑页面，粘贴到代码编辑区进行使用。

查看更多 →

{widget}.js 文件介绍 {widget}.js为组件逻辑文件，整个Widget的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。一个推荐的组件架构，应包含表1中API。其中，init、render和beforeDestory为组件的通用生命周期函数，其余为推荐模板实现。

查看更多 →

调用低代码平台API 断点调试 在Sources页签下，可以设置断点来调试JavaScript。使用断点，DevTools会在暂停时及时显示所有变量值。Chrome开发者工具，提供了代码行断点、条件代码行断点、DOM断点和事件侦听断点等多种断点，请根据调测的实际需求选择合适的断点。断点的类型和使用场景，如表1所示。

查看更多 →

在VSCode中安装CodeArts Snap 前提条件 CodeArts Snap插件依赖华为云底座插件“Huawei Cloud Toolkit Platform”，请参考底座插件介绍，完成“Huawei Cloud Toolkit Platform”插件安装。 进入CodeArts

查看更多 →

{widget}.js 文件介绍 {widget}.js为组件逻辑文件，整个Widget的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。一个推荐的组件架构，应包含表1中API。其中，init、render和beforeDestory为组件的通用生命周期函数，其余为推荐模板实现。

查看更多 →

行断点 行断点是常规的断点，当程序执行到会在设置它们的行上时将暂停程序。 执行以下任一操作： 在编辑器行号边缘单击所需的行。 在编辑器所需行上的行号边缘右键单击，并从上下文菜单中选择“添加断点”。 行断点在编辑器边缘以圆形图标 () 表示： 父主题： 设置断点

查看更多 →

异常断点 CodeArts IDE调试器支持异常断点，每当抛出异常时，都会暂停程序执行。异常断点是应用于全局的，不需要特定的源代码引用。 单击CodeArts IDE底部面板中的“运行和调试”按钮（），或按下 “Ctrl+Shift+D” / “Shift+Alt+F9”（IDEA快捷键）

查看更多 →

为true ，就会命中断点。 Hit Count：命中次数，断点需要命中定义的次数才能停止程序执行。 3. 输入条件并按Enter。 您也可以向常规行断点添加条件或命中计数。右键单击编辑器装订线中的断点，然后从上下文菜单中选择所需的操作。 父主题： 设置断点

查看更多 →

JS错误 JS错误展示站点的错误统计，包括：JS稳定性、JS错误列表以及JS错误率页面排行榜。 操作步骤 登录管理控制台。 单击左侧，选择“管理与监管 > 应用性能管理 APM”，进入APM服务页面。 在左侧导航栏选择“前端监控 >JS错误”，展示JS错误的性能数据。 图1 JS错误

查看更多 →

调试 命令 键（CodeArts IDE键盘映射） 键（IDEA键盘映射） 命令ID 切换断点 F9 Ctrl+F8 editor.debug.action.toggleBreakpoint 开始 F5 Shift+F9 workbench.action.debug.start 继续

查看更多 →

调试 CodeArts IDE内置调试器有助于加快编辑、编译、运行和调试循环。调试器提供了所有基本功能，例如通过启动配置自定义应用程序启动、在代码中设置断点、检查程序的挂起状态并逐步执行、动态评估表达式等等。 调试步骤 断点 在调试模式下运行程序 控制程序执行 检查暂停的程序 调试控制台REPL

查看更多 →