vue-devtools安装
vue-devtools是一款用来调试Vue应用的Chrome插件,可极大提高开发者调试项目效率,接着我们说一下如何下载安装这个插件;
一、 从chrome商店直接下载安装
- 国内无法访问,你懂得,有条件的可以自己处理 : https://chrome.google.com/webstore/category/extensions
- 国内的也可以在此处下载 : http://www.cnplugins.com/
二、自己编译安装
-
第一步 : 克隆项目到本地
① 找到github上vue-devtools项目
② 使用git讲代码克隆到本地 :
git clone https://github.com/vuejs/vue-devtools.git
-
第二步 :
下载相关依赖 :
yarn 或 npm install
-
第三步 :
项目打包 :
yarn build 或 npm run build
-
第四步：
① 打开chrome 更多工具 -> 扩展程序 -> 加载已解压的扩展程序
② 选择打包好的文件
③ 添加完成
-
第五步：
F12打开控制台点击最右侧vue选项卡
