Vue DevTools 安装应用

Posted oicb

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue DevTools 安装应用相关的知识,希望对你有一定的参考价值。

1.https: //github.com/vuejs/vue-devtools  从这上面下载Vue DevTools;

2.npm install(cnpm install) && npm run build ;

3.进入到 vue-devtools/shells/chrome/manifest.json,修改persistenttrue

4.拖入谷歌浏览器扩展工具界面;

5.勾选允许访问文件网址;

6.一般默认服务器环境自动启用,想要在非服务器单页面启动 ,必须在vue文件中加上 

Vue.config.devtools=true

new Vue({

   el: ‘#app‘,

  data: {

   }

});

以上是关于Vue DevTools 安装应用的主要内容,如果未能解决你的问题,请参考以下文章

Vue DevTools 安装应用

chrome插件vue-devtools-master安装教程

vue调试工具之 vue-devtools的安装

Vue调试神器之Vue.js devTools

vue-devtools工具的安装

vue-DevTools安装使用