Chrome安装Vue插件vue-devtools的步骤

Chrome安装Vue插件vue-devtools的步骤

  1. 首先,你需要从 GitHub 上克隆 vue-devtools 的代码库到本地:
git clone https://github.com/vuejs/vue-devtools.git
  1. 进入vue-devtools文件夹,并安装依赖包:
cd vue-devtools
npm install

或者使用cnpm:

cnpm install
  1. 编译代码:
npm run build
  1. 修改vue-devtools/shells/chrome/manifest.json文件,将persistent设置为true

  2. 打开Chrome浏览器,在地址栏输入chrome://extensions/进入扩展程序页面。

  3. 打开右上角的开发者模式。

  4. 点击“加载已解压的扩展程序”,选择vue-devtools/shells/chrome文件夹。

  5. 勾选“允许访问文件网址”。

  6. 至此,vue-devtools已经安装完毕。你可以在本地运行一个 Vue 项目,然后通过 F12 打开控制台来使用它。如果控制台中没有出现 vue-devtools 面板,可能需要刷新页面或重新打开浏览器。

相关推荐

  1. Chrome安装Vuevue-devtools步骤

    2024-04-03 18:48:03       15 阅读
  2. Chrome安装Vuevue-devtools

    2024-04-03 18:48:03       19 阅读
  3. chrome安装vuevue-devtools

    2024-04-03 18:48:03       23 阅读
  4. Chrome安装Vuevue-devtools

    2024-04-03 18:48:03       25 阅读
  5. chrome安装vue vue-devtools

    2024-04-03 18:48:03       22 阅读
  6. Chrome安装Vuevue-devtools

    2024-04-03 18:48:03       17 阅读
  7. Chrome安装Vuevue-devtools

    2024-04-03 18:48:03       14 阅读
  8. Chrome安装Vuevue-devtools

    2024-04-03 18:48:03       16 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-04-03 18:48:03       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-04-03 18:48:03       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-04-03 18:48:03       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-04-03 18:48:03       18 阅读

热门阅读

  1. 建立mysql测试数据

    2024-04-03 18:48:03       13 阅读
  2. postcss使用简明教程

    2024-04-03 18:48:03       33 阅读
  3. 泰坦尼克号幸存者预测

    2024-04-03 18:48:03       22 阅读
  4. 【Python 笔记1】字典

    2024-04-03 18:48:03       14 阅读
  5. Power Automate里的常用方法

    2024-04-03 18:48:03       17 阅读
  6. Kingbase简单存储过程

    2024-04-03 18:48:03       17 阅读
  7. 设计模式 - Provider 模式

    2024-04-03 18:48:03       16 阅读