与 Vue 的 vue-devtool 类似 react 也有一个非常有用的调试工具叫 react-devtool,下面展示 Vue 的调试工具怎么安装,React 同理,如果能访问 Chrome 的扩展商店,则更方便,直接在商场搜索安装即可。
- 在命令行中执行下面命令,用 git 克隆该仓库到本地,并进入 vue-devtool
git clone https://github.com/vuejs/vue-devtools.git
cd vue-devtool
- 安装该依赖包,你也可以使用 yarn 安装
npm install
- 执行打包,生成插件
npm run build
- 打开谷歌浏览器的
扩展程序
,打开右上角的开发者模式
,点击左上角加载已加压的扩展程序
,打开该shells/chrome
目录,加载插件