内容简介：console.log多了比较烦，用debug就比较清晰了。可以快速履清代码运行的先后顺序，验证自己的想法是否正确，可以清楚的了解到变量的内容，不用在console.log了。1，chrome应用商店安装vue devtools扩展，并打开vue devtolls扩展
console.log多了比较烦，用debug就比较清晰了。
可以快速履清代码运行的先后顺序，验证自己的想法是否正确，可以清楚的了解到变量的内容，不用在console.log了。
一，vue devtools
1，chrome应用商店安装vue devtools扩展，并打开vue devtolls扩展
2，启动vue，npm run dev
3，chrome中访问vue网址，打开开发者工具，导行会多出vue，如下图
vue devtools
vue devtools，对于数据展示，是非常清楚的。
二，vscode debug
1，修改.vscode/launch.json
{
// 使用 IntelliSense 了解相关属性。
// 悬停以查看现有属性的描述。
// 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"sourceMaps": true,
"name": "assa vue debug",
"url": "http://localhost:8080",
"webRoot": "${workspaceFolder}"
}
]
}
2，启动vue项目，npm run dev
3，点击vscode debug中的绿色三角启动debug，chrome访问网址就可以debug了
vscode debug vue
以上所述就是小编给大家介绍的《vue debug 二种方法》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持！
猜你喜欢:
- 理解实例方法、类方法、静态方法
- 【MyBatis源码分析】insert方法、update方法、delete方法处理流程（上篇）
- 【MyBatis源码分析】insert方法、update方法、delete方法处理流程（上篇）
- java:方法覆盖与方法重载
- 静态方法、实例化方法与线程安全
- JS数组方法总览及遍历方法耗时统计
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
Kafka权威指南
Neha Narkhede、Gwen Shapira、Todd Palino / 薛命灯 / 人民邮电出版社 / 2017-12-26 / 69.00元
每个应用程序都会产生数据，包括日志消息、度量指标、用户活动记录、响应消息等。如何移动数据，几乎变得与数据本身一样重要。如果你是架构师、开发者或者产品工程师，同时也是Apache Kafka新手，那么这本实践指南将会帮助你成为流式平台上处理实时数据的专家。 本书由出身于LinkedIn的Kafka核心作者和一线技术人员共同执笔，详细介绍了如何部署Kafka集群、开发可靠的基于事件驱动的微服务，......一起来看看 《Kafka权威指南》 这本书的介绍吧!
