内容简介：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数组方法总览及遍历方法耗时统计
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
人月神话(40周年中文纪念版)
(美) 布鲁克斯(Brooks, F. P.) 著 / UML China翻译组，汪颖 译 / 清华大学出版社 / 2015-4-1 / 68.00元
在软件领域，很少能有像《人月神话》一样具有深远影响力和畅销不衰的著作。Brooks博士为人们管理复杂项目提供了最具洞察力的见解，既有很多发人深省的观点，又有大量软件工程的实践。本书内容来自Brooks博士在IBM公司SYSTEM／360家族和OS／360中的项目管理经验，该项目堪称软件开发项目管理的典范。该书英文原版一经面世，即引起业内人士的强烈反响，后又译为德、法、日、俄、中、韩等多种文字，全球......一起来看看 《人月神话(40周年中文纪念版)》 这本书的介绍吧!
