VSCode调试模式下开发扩展未显示于已安装列表，如何测试详情页？

为什么调试时扩展不在已安装列表？ #

F5启动的是扩展开发宿主窗口，当前开发的扩展是以「临时加载的开发扩展」身份运行，并非正式安装的扩展，所以不会出现在「已安装」列表中，这是VSCode调试扩展的正常机制。

如何测试已安装后的扩展详情页？ #

不用发布到市场，通过以下两种本地方式即可测试：

方法一：打包VSIX本地安装（完全模拟正式安装） #

1. 全局安装VSCode扩展打包工具：

   npm install -g @vscode/vsce
   

2. 在扩展根目录执行打包命令：

   vsce package
   

   • 若出现publisher名称与VSCode账户不一致的警告，输入y确认继续即可，不影响本地使用。
3. 打包完成后会生成类似soliditai-1.0.0.vsix的文件。
4. 在VSCode中安装本地包：
   • 打开扩展面板（快捷键Ctrl+Shift+X）
   • 点击右上角「...」菜单，选择「从VSIX安装」
   • 选择生成的.vsix文件，安装后重启VSCode
   • 此时扩展会出现在「已安装」列表，点击即可查看正式的详情页效果。

方法二：通过调试宿主窗口快速预览（近似效果） #

1. 启动调试（F5）打开扩展开发宿主窗口
2. 在宿主窗口的扩展面板中，搜索你的扩展名称soliditai，会找到标注「开发中」的扩展卡片
3. 点击卡片即可查看详情页，此方式适合快速预览，但状态为临时加载，和正式安装体验略有差异。

注意事项 #

• 若修改了README、displayName、description等影响详情页的内容，需重新打包VSIX并重新安装，才能看到更新后的效果。
• 测试完成后，可直接在已安装列表卸载本地VSIX包，不影响后续开发。

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