Use devtools (chrome) in vue3

1. Download the latest version: https://github.com/vuejs/devtools/tree/v6.1.4
insert image description here
2. Unzip it into a folder
insert image description here

3. Enter the folder from the command line (or use a terminal such as VScode to operate), and execute the command yarn install to install dependencies
insert image description here
4. Execute: yarn run build, and the following figure indicates completion
insert image description here

5. Open chrome://extensions/ in the chrome browser, and drag it into the shell-chrome folder under the packages file.
insert image description here
The figure below indicates completion

insert image description here
6. Reopen the browser
insert image description here

another way

If the above method does not work, you can try this
1. Pull the installation package

git clone https://gitee.com/wwjwuweijie/vue2-vue3-devtools.git

2. Open the extension: chrome://extensions/
first confirm that the developer mode is turned on, and then click to load the decompressed extension to load it automatically
insert image description here

Guess you like

Origin blog.csdn.net/qq_29184685/article/details/124102150