vue项目笔记(13)-vue-devtools安装与使用

vue-devtools安装与使用

vue-devtools安装

1、下载插件压缩包,网址:https://github.com/vuejs/vue-devtools,如图:

2、解压缩,用Webstorm/VScode打开,并运行以下命令:

npm install
npm run build

3、打开项目文件夹,找到shells>chrome文件夹下的mainifest.json 文件,修改persistant的value值为true。

"background": {
    "scripts": ["build/background.js"],
    "persistent": true
}

4、打开谷歌浏览器,点击“更多工具”-“扩展程序”,如图:

5、然后,在新的页面中勾选“”开发者模式“”,将已经解压的文件夹中的shell下面的chrome文件夹拖入该新的页面即可。

猜你喜欢

转载自blog.csdn.net/qq_41115965/article/details/81584234