[JavaScript知识库]Chrome浏览器-vue调试工具dev-tools安装

vue调试工具dev-tools安装

git bash 管理端执行相关命令

# 下载源码
git clone https://github.com/vuejs/vue-devtools.git
# 进入目录
cd vue-devtools
# 安装依赖
npm install
# 编译
npm run build

chrome浏览器扩展

• 打开浏览器 输入 chrome://extensions/

• 点击“加载已解压的扩展程序…”按钮，找到编译后的文件夹路径vue-devtools/shells/chrome ，如下图
  -

• 打开我们的vue应用，打开调试，点击vue扩展图标，就可以使用了。如下图：
  
  参考地址：https://www.jianshu.com/p/312cd88f5bdf