二两生抽
  • Home
  • About
  • Admin
Sign in Subscribe

Visual Studio Code

A collection of 1 post
Visual Studio Code断点调试Vue
Visual Studio Code

Visual Studio Code断点调试Vue

> 很多人习惯在 Chrome 的调试窗口中调试 Vue 代码, 或者直接使用 console.log 来观察变量值, 这是非常痛苦的一件事,需要同时打开至少 3 个窗体。个人还是更加习惯于断点调试。这篇文章将介绍如何配置 Visual Studio Code 和 Chrome 来完成直接在 VS Code 断点调试代码, 并且在VS Code的调试窗口看到Chrome中console相同的值。 设置 Chrome 远程调试端口 首先我们需要在远程调试打开的状态下启动 Chrome, 这样 VS Code 才能 attach 到 Chrome 上: Windows * 右键点击 Chrome 的快捷方式图标,选择属性 * 在目标一栏,最后加上--remote-debugging-port=9222 注意要用空格隔开 macOS * 打开控制台执行:
Feb 26, 2018 3 min read
Page 1 of 1
二两生抽 © 2023
Powered by Ghost