vscode调试 vue等前端源码调试

一、vue的调试方法

假设你已经有一份vue3源码，并且依赖安装完毕。如果没有安装pnpm 请自行搜索全局安装pnpm，然后vue3的项目中安装依赖是 pnpm install。

调试方法一：首先要在vscode中运行 npm run dev 编译启动项目

1、直接在vscode中点击最左侧的调试按钮 一般有个小虫子形状。

2、在打开的调试侧边栏中点击属性设置按钮，如下图所示的顺序2，这时会弹出launch.json配置文件

3、在配置文件里修改你想要启动项目的地址，如下图顺序3。

4、最后点击调试侧边栏上方的调试启动箭头，会以调试方式启动项目

二、ts调试方法

现在一般前端框架不单纯的只有vue源码，还有ts源码，ts源码用vscode目前发现只能加  debugger; 语句调试