Ubuntu 22.04系统下如何安装Google Chrome Vue.js devtools

情况说明 #

你遇到的页面无安装按钮问题，大多是网络访问受限导致Chrome应用商店加载不完整。以下提供几种可行的安装方式：

方法一：修复网络后正常安装 #

确保能正常访问Chrome应用商店，重新打开Vue.js devtools的商店页面，点击「添加至Chrome」按钮，按照提示完成安装即可。

方法二：手动安装CRX扩展文件 #

1. 从可信渠道获取Vue.js devtools的CRX格式扩展文件
2. 打开Chrome的扩展管理页面：在地址栏输入 chrome://extensions/
3. 开启页面右上角的「开发者模式」
4. 将下载好的CRX文件直接拖拽到扩展管理页面，确认弹窗中的安装操作即可

方法三：安装本地开发版（适合开发调试场景） #

如果需要自定义或本地调试扩展，可通过源码构建安装：

1. 先安装Node.js和npm：

   sudo apt update && sudo apt install nodejs npm
   

2. 克隆Vue devtools仓库：

   git clone https://github.com/vuejs/devtools.git
   

3. 进入仓库目录并安装依赖：

   cd devtools
   npm install
   

4. 构建扩展文件：

   npm run build
   

5. 打开Chrome扩展管理页面，开启开发者模式，点击「加载已解压的扩展程序」，选择仓库内的 packages/shell-chrome 目录完成安装

内容的提问来源于stack exchange，提问作者rammi22