Not to say nonsense, directly on the installation steps, one step at => success
1. Download and install vue-devtools source file
mkdir vuetools cd vuetools git clone https://github.com/vuejs/vue-devtools.git cd vue-devtools npm install --registry=https://registry.npm.taobao.org npm run build
2. Modify the manifest.json file
vue- cd DevTools
cd shells
cd Chrome
vi manifest.json
// modify persistent to true
3. vue-devtools folder to the plugins folder in Chrome
// roughly at this path: ~ / Library / the Application Support / Google / Chrome / the Default // vue- DevTools folder copied to the Default // find a path screenwriters on mac, you can not open the top of a file Go> Go to File folder> path
4. vue-devtools folder is added to the browser extension
// in the address bar Chrome Chrome: // Extensions / // enter the extension page, drag the folder browser. // At this point the installation is complete. After a successful installation will vue upper right corner of the browser icon appears to indicate a successful installation. // You can now experience the vue this debugging tool.
After the words:
For the installation of the plug-Vue Devtools tips Vue.js not detected successfully, you might be the introduction of a condensed version of vue.min.js, it must be introduced vue.js job Oh.
In fact, this tool is too early to know, before you install on windows too, did not succeed. So I have not experienced. Is just the installation is complete, the method of course, taken a lot of great ideas of God, the above method pro-test feasible, so much of it, there is a problem with the exchange.
mac the -chrome manual installation VUE -devtools