Vue-devtools installation steps

Today, I followed the method of installing the vue debugging tool referenced on the Internet, and summed up the more complete steps:

 

Step 1: Go to the link address  https://github.com/vuejs/vue-devtools

Step 2: Unzip the package in the link address to the local desktop

Step 3: Win+r command cmd to the virtual environment, execute cd current directory name path

Step 4: Execute cnpm install to install the dependencies in package.json

Step 5: Execute the npm run build command to generate a src file in the vue-devtools-master\shells\chrome path

Step 6: Modify persistent in mainifest.json under the shells>chrome folder to true

Step 7: Enter the extension function page of Google Chrome (directly enter chrome://extensions), open the developer mode, choose to load the unzipped extension, and then put the corresponding vue-devtools-master\shells\chrome path under the path Just put the file in.

 

 Practice, directly start a vue project npm run dev, F12 can see the installed debugging tools~~

Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=325406404&siteId=291194637