How to enable devtools in vue 3 with typescipt in development mode

typescript devtools vuejs3
Stefaan Vandevelde picture Stefaan Vandevelde · Aug 28, 2020 · Viewed 10.4k times · Source

I'm developing a new app in vue 3 with typescript. I have the Vue Devtools installed in Chrome, but it refuses to recognize the app as a Vue app stating Vue.js not detected. The help I find on the internet is to add Vue.config.devtools = true; to main.js. However Vue is not available in main.ts I also find instructions to adapt the webpack configuration, but there's no webpack in the project (that was set up by vue-cli.

Answer

Sinosaurus picture Sinosaurus · Oct 12, 2020

Download from here or use browser install:

vue devtools version is v6.0.0 beta

Related questions

How to convert a string to number in TypeScript?

Given a string representation of a number, how can I convert it to number type in TypeScript? var numberString: string = "1234"; var numberValue: number = /* what should I do with `numberString`? */;

Read More
Can't bind to 'ngModel' since it isn't a known property of 'input'

I've got the following error when launching my Angular app, even if the component is not displayed. I have to comment out the <input> so that my app works. zone.js:461 Unhandled Promise rejection: Template parse errors: Can't …

Read More
Can't bind to 'formGroup' since it isn't a known property of 'form'

THE SITUATION: Please help! I am trying to make what should be a very simple form in my Angular2 app but no matter what it never works. ANGULAR VERSION: Angular 2.0.0 Rc5 THE ERROR: Can't bind to 'formGroup' since it isn't …

Read More