uniapp如何调试 方法

段落一： 在uniapp中进行调试的时候，我们可以使用uni-app的自带调试器进行调试，也可以利用浏览器的调试工具进行调试。下面我们先介绍uni-app的自带调试器的使用。 我们可以通过在应用的manifest.json文件中进行配置，启用uni-app的自带调试器。如下所示：

"mp-weixin": {
     "debugging": true
}

在应用中启用调试器后，在微信开发者工具中，我们可以通过如下的方式连接调试器：

import VConsole from 'vconsole'
const vConsole = new VConsole()

段落二： 除了使用uni-app的自带调试器调试之外，我们还可以在浏览器中进行调试。我们可以利用Chrome浏览器中的开发者工具来进行调试。如下所示：

npm install -g http-server
http-server -p 8080

在命令行输入上述命令之后，我们可以在浏览器中打开http://localhost:8080，然后通过开发者工具的“Sources”选项卡，找到我们的源代码目录。然后我们就可以在开发者工具中进行调试了。 段落三： 在Chrome浏览器的开发者工具中进行调试的时候，我们可以先使用“Sources”选项卡找到我们的源代码，然后在代码中设置断点，观察代码的执行情况。如下所示：

function add(a, b) {
  debugger;
  return a + b;
}
console.log(add(1, 2));

上述代码中我们在add函数中设置了一个断点，当执行到debugger语句时，代码执行会暂停，在此处可以进行一些调试操作，例如查看变量的值和执行函数的返回值。 段落四： 除了使用调试器进行调试之外，我们还可以修改代码的打印输出来进行调试。例如，我们可以在代码中加入一些console.log语句，输出一些调试信息。如下所示：

function add(a, b) {
  console.log(`add(${a}, ${b}`);
  return a + b;
}
console.log(add(1, 2));

上述代码中，我们在add函数中加入了一条console.log语句，在函数执行时，会输出函数的参数。这样我们就可以通过输出信息来观察代码的执行情况。