From the course: Vue.js 2 for Web Designers

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

Installing the Vue devtools

Installing the Vue devtools - Vue.js Tutorial

From the course: Vue.js 2 for Web Designers

Start my 1-month free trial

Installing the Vue devtools

- [Narrator] Vue works in pretty much any browser. And of course, when we're building our web apps, we want to test them in lots and lots of browsers. But when we're in development, it's great to use Chrome or Firefox because Vue has a browser extension for those browsers that makes debugging and learning about Vue a little bit easier. In this video, we're going to install those extensions and see how they work. We'll start with Chrome. I have here, one of the projects that we're going to be working on, which has some Vue stuff already going. But we don't have the extension installed yet. So if I open the devtools with command option I or control option I on Windows, I can see some messages here on the console about Vue, but it's just all the usual inspectors. So, let's go here, to more tools and extensions. Here are my existing extensions. And I'm going to go to the Chrome web store, and I'm here in the extensions category, and I'll search the store for Vue devtools. I'll get this…

Contents