vue调试神器vue-devtools安装

vue-devtools安装

vue-devtools是一款用来调试Vue应用的Chrome插件,可极大提升开发者调试项目效率,接着咱们说一下如何下载安装这个插件;

1、 从chrome商店直接下载安装

• 国内没法访问,你懂得,有条件的能够本身处理 : https://chrome.google.com/webstore/category/extensions
• 国内的也能够在此处下载 : http://www.cnplugins.com/

2、本身编译安装

• 第一步 : 克隆项目到本地

  ① 找到github上vue-devtools项目

  ② 使用git讲代码克隆到本地 : git clone https://github.com/vuejs/vue-devtools.git

• 第二步 :

  下载相关依赖 : yarn 或 npm install

• 第三步 :

  项目打包 : yarn build 或 npm run build

• 第四步：

  ① 打开chrome 更多工具 -> 扩展程序 -> 加载已解压的扩展程序

  ② 选择打包好的文件

  ③ 添加完成

• 第五步：

  F12打开控制台点击最右侧vue选项卡