vue调试工具——vue-devtools的安装及使用

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Dj_Fairy/article/details/86676587

一、安装

1)、进入github下载 https://github.com/vuejs/vue-devtools

2)、安装依赖 npm install

3)、进入shell文件下chrome文件里的manifest.json里面修改

把"persistent":false改成true

4)、编译代码npm run build

此时会看到chrome文件夹下面多出个src文件,此时可以在chrome上面安装扩展了

5)、安装扩展

更多工具==》扩展程序==》将chrome文件夹拖进来

安装完成后会看到右上角多出一个logo图标,用vue写的网站图标会亮,不是vue写的图标是暗的

二、使用

进入一个用vue写的网站,比如说vue官网

F12进入控制台找到vue就可以使用了,如下图所示:

猜你喜欢

转载自blog.csdn.net/Dj_Fairy/article/details/86676587