Install plug-vue-devtools

ue-devtools is based on a chrome browser plug-ins for debugging applications vue, vue debugging this artifact can greatly improve our commissioning efficiency. Help us to quickly debug applications development vue

Method One: Open the Google browser, click the right-most three vertical dots , more tools - extensions, Google stores search in VUE DevTools , and then click to install

Method two: Original Reference https://www.cnblogs.com/feiyu159/p/8666865.html

1) First, download devtools source address in GitHub: https://github.com/vuejs/vue-devtools

2) Hold down the shift select the downloaded devtools folder, select Open here powershell window, enter the command: CNPM install , install dependencies, command is successful, the current folder will be one more node_modules folder (that is installed rely)

3) and then perform CNPM RUN Build , compile the source code

4) Modify shells -> mainifest.json in the chrome directory persistant as to true : you can choose in the Open notebook in the open mainifest.json file and modify

5) Set to open Google browser ---> Extensions and check the developer mode (top far right of the browser)

6) then under construction immediately after compiling a directory of shells, chrome entire file folder drag and drop directly into the current browser, and select Enable, you can install the plug-in to the browser. At this point the top right of the browser found more than a small icon Vue

7) Restart your vue project , the browser should restart , click the double arrow shown in Fig. , The following will be more of a vue, click vue vue project to start commissioning

 

Guess you like

Origin www.cnblogs.com/qdkfyym/p/11289233.html