DevTools plugin installation tutorial in vue

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扩展程序
    insert image description here
  • 2. Open 开发者模式, click 加载已解压的扩展程序or directly drag and drop the decompressed extension program
    Note: The decompressed extension program is downloaded above, click to download
    insert image description here
  • 3. After the installation is successful, you can see:
    insert image description here
    click the red box to open
  • 4. After npm run servestarting the application through , you can see the Vue plug-in picture in the upper right corner of the browser. The picture 红框一indicates that Vue.js devtoolsit has been started. Click 红框二the vue item in the picture
  • insert image description here

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

Guess you like

Origin blog.csdn.net/weixin_62897746/article/details/127120822