调试器安装
GitHub 下载安装
git clone https://github.com/vuejs/vue-devtools
安装依赖和打包
- 进入目录 cd vue-devtools
- 安装依赖 npm i 或 cnpm i (npm 较慢)
- 打包 npm run build
- 在 vue-devtools 文件夹下:shells>chrome>manifest.json,将配置里的 persistent 的值修改为 true
设置
进入谷歌的扩展程序 -》开启开发者模式 -》加载已解压的扩展程序 -》选择“vue-
devtools>>shells>>chrome”,将 chrome 文件夹导入,完成即可。
配置好了以后, 控制台如果还没有 vue 选项,
就在代码 main.js 文件 写入以下代码
Vue.config.devtools = true;