vue-devtools调试安装使用

vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。接下来介绍一下vue-devtools的安装。

手动安装

第一步：找到vue-devtools的github项目，并将其clone到本地. vue-devtools

git clone https://github.com/vuejs/vue-devtools.git

第二步：在vue-devtools目录下安装项目所需要的npm包

cd vue-devtools
npm install //如果太慢的话，可以安装一个cnpm, 然后命令换成 cnpm install

第三步：修改vue-devtools\shells\chrome\manifest.json文件

把"persistent":false改为 true

第三步：编译项目文件

npm run build

第四步：添加至chrome浏览器

Chrome浏览器 >  设置> 拓展程序 >开发者模式>

点击加载已解压程序按钮, 选择 vue-devtools > shells > chrome 放入, 安装成功如下图

第五步：使用vue-devtools

注：安装后, 需要关闭浏览器, 再重新打开, 才能使用