vue-devTools
In order to debug the Vue program more conveniently during the development process, in addition to the debug tools that come with the traditional browser, we can also debug the vue-devTools plug-in through some extension plug-ins specially provided for Vue: Click to download the plug-in
to
install Tutorial: https://chrome.zzzmh.cn/help?token=setup
Plug-in installation steps
- 1. First enter the browser settings, click
扩展程序
- 2. Open
开发者模式
, click加载已解压的扩展程序
or directly drag and drop the decompressed extension program
Note: The decompressed extension program is downloaded above, click to download
- 3. After the installation is successful, you can see:
click the red box to open - 4. After
npm run serve
starting the application through , you can see the Vue plug-in picture in the upper right corner of the browser. The picture红框一
indicates thatVue.js devtools
it has been started. Click红框二
the vue item in the picture
The above is how to install the devTools plug-in in vue. If you don’t understand it, you can ask me in the comment area. I will publish some new articles in the future, so stay tuned.
My other articles: https://blog.csdn.net/weixin_62897746?type=blog