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项目了

最新文章

  1. C#输出文字对齐,空格位数对齐
  2. libc++
  3. MyBatis 内连接association 左外连接collection
  4. UI学习笔记---第六天
  5. wikioi 1075 明明的随机数
  6. CAS分析——Core
  7. 为什么使用Redis
  8. NOIP2010-普及组复赛-第四题-三国游戏
  9. 考虑浏览器兼容的文件上传(IE8不支持FormData)
  10. shell脚本使用技巧5--字符分隔
  11. 3 week work—Grid Layout
  12. 《剑指offer》第四十六题(把数字翻译成字符串)
  13. bzoj4865: [Ynoi2017]由乃运椰子
  14. 重温jsp①
  15. JVM中类的卸载机制
  16. django中的路由控制详解
  17. WPF 在TextBox失去焦点时检测数据,出错重新获得焦点解决办法
  18. selenium+python自动化78-autoit参数化与批量上传【转载】
  19. 最大子数组(LintCode)
  20. [转]创建节约内存的JavaBean

热门文章

  1. P3941 入阵曲
  2. OpenCV&Qt学习之四——OpenCV 实现人脸检测与相关知识整理
  3. es6-01
  4. spring 事务 配置 多个
  5. 机器学习--最邻近规则分类KNN算法
  6. Luogu P1503 鬼子进村 set
  7. django组件之form
  8. IntelliJ Save Action
  9. windows服务开启(收藏url)
  10. bootstrap多选框