vue 项目 chorme浏览器安装dev-tools 并打断点

1- chorme浏览器安装dev-tools

1.1 下载devtools安装包
链接: https://pan.baidu.com/s/1naR4sJ3loAFUtT4DR-W_5w 提取码: wz4b
1.2 把下载安装的crx文件的后缀名改成 .zip ，然后解压到文件夹中
1.3 打开Chrome浏览器，地址栏输入chrome://extensions/进入扩展程序管理，打开开发者模式按钮（更多工具==》扩展程序）
1.4 打开 加载已解压的扩展程序
1.5 关闭浏览器 重新打开，打开vue项目网址，F12 查看 多了个 vue 标识，说明 安装成功

2- vue 项目 打断点

2.1- 在打断点的地方 加上 debugger
2.2- 打开F12 在 source 中调试