找到
vue-devtools
的github项目,并将其clone到本地【Github传送门】确保已经配置好Vue开发环境,cd到vue-devtools项目目录下,安装项目所需要的npm包(
npm install
或cnpm install
)
3.修改vue-devtools/shells/chrome/manifest.json
文件,把"persistent":false
改成true
(shells>chrome
文件夹下的mainifest.json
)
编译项目文件(
npm run build
)添加至chrome浏览器
浏览器输入地址chrome://extensions/
进入扩展程序页面,勾选开发者模式,点击“加载已解压的扩展程序...”按钮,选择vue-devtools>shells
下的chrome文件夹。(安装完成如下:)
- 启动一个Vue项目,按F12打开chorme浏览器的开发者模式,切换到Vue一栏即可。