vue-devtools
是一款基于chrome浏览器的插件,用于调试vue
应用,这可以极大地提高我们的调试效率。
chrome商店直接安装
最简单的方法是直接在chrome
商店下载安装vue-devtools
,但是这需要翻墙才能下载。
手动安装
- 首先到
github
找到vue-devtools
。然后将其clone到本地,这需要先在本机安装git
、node
环境。
git clone https://github.com/vuejs/vue-devtools.git
- 在根目录,安装项目所需要的npm包:
npm install
如果觉得太慢,可以安装一个cnpm
(淘宝镜像),然后使用cnpm install
命令来安装依赖包,这样速度会快很多。
- 使用命令编译项目文件:
npm run build
- 修改
vue-devtools-master
文件夹中shells
文件夹下的manifest.json
文件,将persistent
项修改为true:
"persistent":true
- 扩展Ch