使用vue开发项目,vue-devtools 是必须的,但限于Google 网络的访问受阻,我推荐大家使用以下方法来获取 vue-devtools
安装:
-
到github下载:
git clone https://github.com/vuejs/vue-devtools
-
在vue-devtools目录下安装依赖包
cd vue-devtools npm install
修改vue-devtools > shells > chrome下的 manifest.json 文件"persistent":false 改为 true
-
编译代码
npm run build
扩展Chrome插件
Chrome浏览器 > 更多程序 > 拓展程序 右上侧开启开发者模式
左侧点击加载已解压程序按钮, 选择 vue-devtools > shells > chrome 目录
- vue-devtools使用
现在使用浏览器按快捷键 f12打开开发者工具, 就可以看到标签栏多了一个vue标签。
通过 vue-devtools 可以很方便的查看 vue 组件,路由,事件及 state 了!