chrome的 vuejs devtools 插件的安装
2018-03-26 15:10
706 查看
1.下载插件 https://github.com/vuejs/vue-devtools
2. win + R cmd 进入 解压后的文件夹 vue-devtools-master
3.npm install 速度加慢,耐心等待。或者用淘宝镜像,cnpm install
4.npm run build 这是必须的一部 否则执行第 6 步的时候回报错 “无法加载背景脚本build/background.js”
5.修改 shells/chrome/mainfest.json ,把里面的 persistrnt:false 改为persistrnt:true
6.打开chrome的扩展程序,切换到开发者模式,点击 加载已解压的扩展程序 , 然后把shells/chrome 文件夹拖入
成功后可以打开一个vue的页面,按 F12 进入调试模式,可以看到调试工具栏除了传统的 Elements,Console,Sources等,还有一个vue
2. win + R cmd 进入 解压后的文件夹 vue-devtools-master
3.npm install 速度加慢,耐心等待。或者用淘宝镜像,cnpm install
4.npm run build 这是必须的一部 否则执行第 6 步的时候回报错 “无法加载背景脚本build/background.js”
5.修改 shells/chrome/mainfest.json ,把里面的 persistrnt:false 改为persistrnt:true
6.打开chrome的扩展程序,切换到开发者模式,点击 加载已解压的扩展程序 , 然后把shells/chrome 文件夹拖入
成功后可以打开一个vue的页面,按 F12 进入调试模式,可以看到调试工具栏除了传统的 Elements,Console,Sources等,还有一个vue
相关文章推荐
- 谷歌浏览器chrome的vuejs devtools 插件的安装
- 谷歌浏览器chrome的vuejs devtools 插件的安装
- 谷歌浏览器chrome的vuejs devtools 插件的安装
- 谷歌浏览器chrome的vuejs devtools 插件的安装
- Vue Devtools安装(谷歌浏览器插件:)
- chrome浏览器的VUE调试插件Vue.js devtools
- chrome浏览器的VUE调试插件Vue.js devtools
- vue.js devtools安装
- 【vue】chrome已安装Vue Devtools在控制台却无显示
- Vue.js devtool插件安装后无法使用的解决办法【最简单有效的解决方法】
- vue-devtools chrome 开发工具安装
- Vue.js devtool插件安装后无法使用的解决办法
- Vue-安装插件Vue Devtools
- Vue.js devtool插件安装后无法使用的解决办法
- 在浏览器上安装Vue Devtools工具
- vue.js 初体验— Chrome 插件开发实录
- PHPstorm如何安装vue.js插件
- vue devtools的安装与使用教程
- vue-devtools chrome 开发工具
- Chrome 扩展 Vue Devtools