VS Code 编译器的调试工具整理
2024-09-02 19:48:27
1 debbugeer for chrome的使用
下载安装,然后配置launch.json
{
"name": "Chrome",//名称
"type": "chrome",
"request": "launch",
"sourceMaps": false,//不用配置服务器,使用file协议
"file": "${file}" //启动本页面的环境变量
}
然后就就可以设置断点啦(ps:貌似只能在外引的js里面设置)
2 配置node服务
{
"type": "node",
"request": "launch",
"name": "node Program",
"program": "${file}"
}
有其他好实用的插件欢迎推荐~
3、在vs code中如何调试vue项目
首先按下F5,弹出launch.json文件,配置如下
{
// 使用 IntelliSense 了解相关属性。
// 悬停以查看现有属性的描述。
// 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "启动 Chrome 并打开 localhost",
"url": "http://localhost:8080",
"webRoot": "${workspaceFolder}",
"sourceMaps": true,
// "file": "${file}"
}
]
}
然后在终端启动项目启动你的vue项目, 注意launch.json下的url要跟你的vue启动的的devserver的host+port一致
启动好后你就可以开心的在你的编译器里面调试你的vue项目了
最新文章
- C#输出文字对齐,空格位数对齐
- libc++
- MyBatis 内连接association 左外连接collection
- UI学习笔记---第六天
- wikioi 1075 明明的随机数
- CAS分析——Core
- 为什么使用Redis
- NOIP2010-普及组复赛-第四题-三国游戏
- 考虑浏览器兼容的文件上传(IE8不支持FormData)
- shell脚本使用技巧5--字符分隔
- 3 week work—Grid Layout
- 《剑指offer》第四十六题(把数字翻译成字符串)
- bzoj4865: [Ynoi2017]由乃运椰子
- 重温jsp①
- JVM中类的卸载机制
- django中的路由控制详解
- WPF 在TextBox失去焦点时检测数据,出错重新获得焦点解决办法
- selenium+python自动化78-autoit参数化与批量上传【转载】
- 最大子数组(LintCode)
- [转]创建节约内存的JavaBean