安装Vue.js开发者工具(Vue DevTools)到Google Chrome浏览器的步骤可能会随着Vue DevTools更新和Chrome政策变化而有所调整。
访问Vue DevTools的GitHub仓库:https://github.com/vuejs/vue-devtools
根据仓库中的README.md文件指示,克隆或下载源代码。
进入下载的源代码目录。
npm install 或者 yarn install
npm run build 或者 yarn build
在构建产物目录(通常是shell/chrome)中找到manifest.json文件。
将"persistent": false改为"persistent": true,这样DevTools会在浏览器重启后保持加载状态。
打开Google Chrome浏览器。
进入chrome://extensions/页面(也可以通过更多工具 > 扩展程序菜单访问)。
启用开发者模式(如果尚未开启)。
点击“加载已解压的扩展程序”按钮,然后选择之前构建好的Vue DevTools插件的shell/chrome目录。
请注意,在编写回答时,可能已经有预构建好的Vue DevTools插件可以直接从Chrome网上应用店进行安装,或者提供了打包好的CRX文件供直接拖拽安装。请务必查阅最新的官方文档或Vue DevTools仓库中的安装说明来进行安装。
更多【chrome-Chrome安装Vue插件vue-devtools】相关视频教程:www.yxfzedu.com