安装VUE插件DevTool
一、在chrome商店直接安装
如果可以访问chrome商店(访问:chrome://extensions/),可以在商店搜索插件进行直接安装,但是,国内这个方法经常会访问不了chrome商店,请参考下面手动按照
二、手动安装
- 找到vue-devtools的github项目,并将其clone到本地:git clone https://github.com/vuejs/vue-devtools.git(直接下载可能是dev分支,会出现编译不了,需要进入到github下周master分支)
- 安装项目所需要的npm包:npm install
- 编译项目文件:npm run build
- 添加至chrome浏览器:浏览器输入chrome://extensions/进入扩展程序页面,点击‘加载已解压的扩展程序...’按钮,选择vue-devtools>shells下的chrome文件夹