目录
-
- 1.打开自己谷歌浏览器(Google Chrome),浏览器输入网址进入应用商店
- 2.搜索栏里面搜索`vue-devtools`,我添加的第三个,点击进入添加即可,如下图
- 3.打开浏览器进入这个网址`打开开发者模式`chrome://extensions/,如下图
- 4.此步骤可以省去,可以直接看5,因为主要想用控台F12查看vue报错情况,想要浏览器右上角V小图标显示,置顶小图标,看如下步骤
- 5. 在main.js 全局挂载打开,填上,`Vue.config.devtools = true;` 然后用新启动Vue项目,用谷歌浏览器
- 6. 按F12控制台查看vue使用vue-devtools功能,如下图
1.打开自己谷歌浏览器(Google Chrome),浏览器输入网址进入应用商店
网址:https://chrome.google.com/webstore/search/vue-devtools?hl=zh-CN
2.搜索栏里面搜索vue-devtools
,我添加的第三个,点击进入添加即可,如下图
(1)
(2)
3.打开浏览器进入这个网址打开开发者模式
chrome://extensions/,如下图
(1)