使用vue插件Vue.js devtools
git地址:https://github.com/vuejs/devtools
git clone https://github.com/vuejs/devtools
npm 比较慢,如果安装了yarn,则可用yarn 命令,分别执行以下语句:
1.npm install 或 yarn install
2.npm run dev 或 yarn run build
打开谷歌浏览器设置-扩展工具-加载已解压的扩展程序,选择packages下的shell-chrome,点确定
安装完成后,扩展多了一个下图这个,点击详情,打开允许访问
打开哔哩哔哩网站首页,如果右上角的小图标是亮着的,恭喜你已经几乎成功了。
当在自己的项目里,如果鼠标点上去,显示Vue.js is detected on this page。
在入口js文件里加一行:Vue.config.devtools = true(这行我没加也能使用了)
在shell-chrome/manifest.json下修改: (必须改)
"persistent": true。
这时候在工具栏就能看到vue并能正常使用啦,如下图
上一篇:Https为什么比Http安全?
下一篇:测试开发——测试分类