preface
The vue. js developer tool is a browser plug-in for Chrome and Firefox that allows you to examine code alongside pages in the sidebar pane.
We all know that Google is not available in China, but Chrome is an almost integral part of our front-end development because there is no direct access to the Chrome App Store in China. So, you can use Chrome developer mode to install the source code implementation using the Vue plug-in. After the installation login is successful, go online to install the official version.
The installation
Use Google Chrome to download a plugin called “Ghelper”, also known as Google Web Assistant: googlehelper.net/
After downloading the “Ghelper” plug-in, unpack it. The downloaded “Ghelper” plug-in and its unpack file are as follows:
Open the Google Chrome Extension screen, or type chrome:// Extensions/Press Enter
There’s a “Developer mode” button on the right, click “Add unzipped extensions”
Just select the ghelper_source directory in the unzip package
The Ghelpe plugin is now installed. Once the “Ghelper” plugin is installed, a small colored circle appears next to the search box in the upper right corner of your browser. Click on the Ghelpe icon
Register an account:
Once registered, it will go to this page, so we don’t have to worry about it
The browser extension window is displayed
Enter the app store. The first time you enter the app store, you will be asked to log in. Type “Vue” in the search box.
Click on the box selected “vue.js devTools”
Click “Add to Chrome”
Add the following information
test
After running the Vue project, you can examine the Vue related code
