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文件夹拖入该新的页面即可。