谷歌扩展程序vue-devtools安装

下载地址https://github.com/vuejs/vue-devtools

打开shells->chrome->manifest.json文件，修改persistent为true

image.png

cnpm i
cnpm run build

成功之后谷歌地址栏输入chrome://extensions/直接进入扩展程序加载shells->chrome文件，安装成功如图所示：

image.png

ctrl+R重新加载，启动一个vue项目，打开控制台，还是没看到vue-devtools工具的话关掉谷歌浏览器再打开就可以了

image.png

注意：首先需要安装了node，npm，cnpm，vue-cli
vue-cli搭建项目模板https://www.jianshu.com/p/914d8573406b
谷歌浏览器安装json格式化插件https://www.jianshu.com/p/b24c080b7201