vue-devtools 安装和使用
下载
从 https://github.com/vuejs/vue-devtools/ 下载Vue DevTools master 版本。项目页面中有安装说明。
安装
下载后从命令行进入 vue-devtools-master 目录，用如下命令安装
cnpm i
构建
仍在 vue-devtools-master 目录，用如下命令构建
cnpm run build
构建成功后，会创建vue-devtools-master\shells\chrome目录。
加载
打开Chrome，在地址栏输入chrome://extensions/ 或 “菜单->更多工具->扩展程序”，进入扩展程序页面，然后点击右上角打开“开发者模式”
此时，会出现“加载已解压的应用程序”等三个新的按钮。点击“加载已解压的应用程序”，选择vue-devtools-master\shells\chrome 目录加载，成功后，页面会出现如下卡片
使用
使用时，在Chrome浏览器打开开发中的Vue 页面，F12，会出现Vue 选项卡，点击左边的组件树可以在右边检查数据。
冀公网安备 13010402001886号