vscode调试 vue等前端源码调试

一、vue的调试方法

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

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

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

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

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

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

vscode调试 vue等前端源码调试_第1张图片

二、ts调试方法

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

你可能感兴趣的:(前端,前端,javascript,vue.js)