Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed Vue.js Basics!
You have completed Vue.js Basics!
Preview
Vue Devtools, available in popular browsers like Chrome and Firefox, is a powerful debugging tool that can help demystify the structure of our Vue applications.
Install Vue Devtools for Chrome
- Install
- You may also need to click the 3 dots at the top right of the screen in Chrome, then More Tools > Extensions. Then click Vue.js devtools > Details > then make sure “Allow Access to file URLS” is toggled on.
- You may need to refresh and/or restart your browser
- Make sure you’re using the unminified version of Vue.js
Other Resources
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
a couple of messages here in the console.
0:00
The first one says,
download the Vue Devtools extension for
0:01
a better development experience.
0:04
We're gonna go ahead and do that.
0:06
Vue Devtools is a browser extension
that will let us take a peek
0:08
at what's going on inside
of our Vue instances.
0:11
With it, we can better see
the structure of our apps and
0:14
observe changes to our data.
0:17
Vue Devtools can be extremely helpful for
debugging, so let's take a look.
0:18
This link will take us to a GitHub repo
with a link to where we can install
0:23
Vue Devtools, but let's just
start by Googling vuejs devtools.
0:27
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up