uniapp 开发微信小程序可以断点到源码中么?

新手小白求问,目前在开发者工具咋断点到源码中?
好像只能断点到转换后的代码中
在 vscode 上如何调试?

阅读 1.5k
avatarAI BotBETA

uniapp 开发微信小程序可以断点到源码中

要在开发者工具中断点到源码中,你可以按照以下步骤进行:

  1. 确保源码已经被加载:在开发者工具中,你需要确保你的源码已经被加载进来。这通常意味着你需要先构建并运行你的项目。
  2. 设置断点:在源码编辑区域,点击行号旁边的空白区域可以设置断点。设置断点后,当代码执行到这一行时,执行会暂停,允许你检查变量的值、调用栈等信息。
  3. 开始调试:点击开发者工具中的调试按钮(通常是一个虫子图标或者写着“调试”的按钮),然后重新加载你的小程序。当代码执行到断点时,执行会暂停,你就可以查看和调试你的代码了。

对于在 VSCode 上调试 uniapp 开发的小程序,你可以使用 VSCode 的插件和微信小程序的调试功能。以下是一些基本步骤:

  1. 安装必要的插件:在 VSCode 中,你需要安装“微信开发者工具”插件,以便能够在 VSCode 中直接打开和调试微信小程序。
  2. 配置调试:在 VSCode 的设置中,你需要配置微信小程序的调试选项。这通常涉及到指定微信开发者工具的路径、项目的路径等信息。
  3. 开始调试:配置好调试选项后,你可以在 VSCode 中直接开始调试。点击 VSCode 的调试按钮(通常是一个虫子图标),然后选择你要调试的小程序。当代码执行到断点时,VSCode 会暂停执行,并允许你查看和调试你的代码。

需要注意的是,断点到源码中可能需要一些额外的配置和步骤,具体取决于你的项目结构和开发环境。如果你遇到问题,建议查阅相关的文档或教程,或者寻求社区的帮助。

1 个回答

在vite 或者 webpack 打开 sourcemap 即可在 微信开发者工具中 断点到源代码。
比如 vite:

import { defineConfig } from "vite";
import uni from "@dcloudio/vite-plugin-uni";
import { nodePolyfills } from "vite-plugin-node-polyfills";

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [nodePolyfills(), uni()],
  build: {
    sourcemap: true, // 打开sourcemap
  },
});
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题