vue调试工具vue-devtools的安装

Vue调试工具vue-devtools的安装

安装步骤

1.下载代码，切换到master分支
git clone https://github.com/vuejs/vue-devtools.git
cd vue-dev-tools
git checkout master
2.安装依赖，成功之后打包
npm install
npm run build
3.build成功的项目在shells目录下的chrome文件夹，如下图：

4.打开Chrome浏览器 >选择更多工具>扩展程序 >打开开发者模式
5.加载已解压的扩展程序，选择vue-devtools shells 下的chrome文件夹 。如图：

6.成功之后关闭浏览器重新打开可使用，打开vue项目的调试选择Vue选项，可看到Vuex，Components等内容，如图：