Installation:

1. Download dev-tools dev-tools from gitHub: github.com/vuejs/devto…

/ / because I use a lot on the git download address failed clone / / the following post I successful clone the git clone https://github.com/vuejs/vue-devtools addressCopy the code

2. Install the dependency packages in vue-devtools

// In the project file, open NPM install // or use YARNCopy the code

3. Modify the manifest.json file

Change “Persistent “:false to true

4. Repack

Note: An error was reported when the NPM run build command was executed, and the yarn run build command was used

NPM run build // If the NPM run build fails, install the yarn package and run the following command yarn run buildCopy the code

Extension chrome plugin

In Chrome, click the three-point button in the upper right corner > More Tools > Extensions. Or type the address in the input box: Chrome :// Extensions /

  • Open the page and go to Developer mode in the upper right corner > Load unzipped extension in the upper left corner > Select the package you just packedpackages/shell-chromefile

  • After the installation is complete, restart the browser. You are advised to refresh vue-tools

How to install and use yarn package? If you don’t need yarn, you can ignore it

5. Installation of yarn

More yarn is introduced in this article juejin.cn/post/699248…

  1. Download Node.js and install using NPM

    npm install -g yarn

    View the version: yarn --version
  2. Yarn Taobao source installation, respectively copy and paste the following code line into the black window to run
yarn config set registry https://registry.npm.taobao.org -g

yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g
Copy the code