目录
-
- 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)
文章图片
4.此步骤可以省去,可以直接看5,因为主要想用控台F12查看vue报错情况,想要浏览器右上角V小图标显示,置顶小图标,看如下步骤
(1)
文章图片
(2)
文章图片
5. 在main.js 全局挂载打开,填上,
Vue.config.devtools = true;
然后用新启动Vue项目,用谷歌浏览器
6. 按F12控制台查看vue使用vue-devtools功能,如下图
(1)
文章图片
【vue|Vue项目使用开发工具vuejs-devtools最新简单安装方法】感觉文章好的话记得点个心心和关注，有错的地方麻烦指正一下，多谢！！！
推荐阅读
- 笔记|使用Vue时候报错，怎么查看错误位置，如何解决，方法，有哪些
- js方法|Vuex入门(五)—— 封装module全网最全详解(带源码)
- 前端优秀开源项目|cnchar - 功能全面、支持多端的汉字拼音笔画开源 JS 库
- 2.1 ＜script＞元素
- 工具类|github加速插件
- scheme|monad 例子
- JavaScript/jQuery实现切换页面效果
- 在for, 或Array.map 内 return ，不是结束函数
- Arction|Arction FinTech Web Charts用于构建金融和交易应用程序的图表控件库