How to use the Vue.js Chrome devtools with jsFiddle? How to use the Vue.js Chrome devtools with jsFiddle? vue.js vue.js

How to use the Vue.js Chrome devtools with jsFiddle?


My solution to this is using the standalone dev-tools with node.js, as proposed by Geoff Baum in his comment on github.

Just install Vue Developer Tools globally:

npm install -g @vue/devtools

Then run it globally:

vue-devtools

In your fiddle, right on top, just add the proposed script URL:

<script src="http://localhost:8098"></script>

Here's a working jsFiddle, using the standard example: https://jsfiddle.net/suterma/zr2vtg84/4/

<script src="http://localhost:8098"></script><div id="app">  <h2>Todos:</h2>....</div>

Here's how it looks:

jsFiddle with connected, local Vue Developer Tools