Vue browser debugging tool devtools can be installed without Google store

Reference blog: https://www.cnblogs.com/chenhuichao/p/11039427.html

first step

Clone the github project locally. If you can’t access github or the download speed is slow, you can refer to this blog

git clone https://github.com/vuejs/vue-devtools

Github: GitHub - vuejs/vue-devtools: ⚙️ Browser devtools extension for debugging Vue.js applications.

Website: Home | Vue Devtools (vuejs.org)

second step

// 转到该项目根目录下进行操作
cd vue-devtools

// 切换到主分支上 在dev分支上操作会报错
git checkout master

// 安装依赖
npm install

// 打包操作
npm run build

third step

Open Google Chrome and find the extension

Open the developer mode and choose to load the unpacked extension

After the second step is packaged, the shells folder will be generated. Enter the shells folder, select the chrome folder, and it will be Over