VSCode插件调试卸载清理测试

夏浩同学_3539

夏浩同学_3539

2026-09-05

659人浏览

原创

断点灰掉主因是调试器找不到source map:检查.gitignore是否排除out目录、launch.json的outfiles路径是否正确、确保已编译出.js和.map文件;插件卸载不彻底需手动删extensions文件夹、配置项及globalstorage数据。

vscode插件调试卸载清理测试

VSCode插件调试时断点不生效,怎么查

断点灰掉(unbound)不是代码写错了,而是调试器找不到源映射文件。常见原因是out目录被.gitignore排除,导致 VS Code 启动调试时无法加载extension.js对应的.map文件;或者launch.json里outFiles路径没配对。

  • 确认out目录没在.gitignore里——如果被忽略,调试器压根读不到编译产物
  • 检查launch.json中outFiles是否包含"${workspaceFolder}/out/**/*.js",缺了这句就找不到入口文件
  • 运行npm run compile或npm run watch确保out/下有最新.js和.map文件
  • 别在deactivate里设断点指望它自动触发——它只在插件卸载时调用,而调试中 VS Code 不会主动卸载你正在跑的插件

插件卸载后还报 command 'xxx' not found,说明没清干净

点击「Uninstall」按钮只是删注册表条目和扩展清单,~/.vscode/extensions/下的文件夹、settings.json里的配置、globalStorage里的私有数据全留着。下次启动 Extension Host 扫描到残留文件,就会尝试加载,但找不到导出的命令,于是报错。

VSCode
VSCode

避免常见的 VSCode 错误——设置冲突、调试器配置和扩展冲突。

下载
  • 先关掉所有 VS Code 进程(包括后台的Code Helper.exe或Code Helper (Renderer))
  • 进对应系统路径删插件文件夹:%USERPROFILE%\.vscode\extensions\(Windows)、~/Library/Application Support/Code/Extensions/(macOS)、~/.vscode/extensions/(Linux)
  • 右键插件 → Copy Extension ID(如esbenp.prettier-vscode),再在文件管理器里按此 ID 全局搜索,精准匹配后删整个文件夹(注意可能带版本号,如esbenp.prettier-vscode-12.5.0)
  • 打开命令面板,运行Preferences: Open Settings (JSON),全局搜索插件 ID 或关键词(如prettier、copilot),删掉整行配置;同样处理keybindings.json

测试插件逻辑要不要写单元测试?怎么写才不报 vscode.xxx is undefined

要写,但不能直接用 Jest import extension.ts——因为 VS Code API(如vscode.window、vscode.workspace)在 Node 环境下是undefined,一跑就崩。

  • 纯工具函数(不依赖 VS Code API)可抽离到独立模块,用 Jest/Vitest 直接测,不用 mock
  • 涉及命令注册、配置读取、状态管理等集成行为,必须用@vscode/test-electron:它会拉起一个最小 Electron 实例,并注入 mock 的 API,模拟真实 host 环境
  • 集成测试入口在test/runTest.ts,必须调用runTests并传入extensionDevelopmentPath和extensionTestsPath
  • 别漏掉outFiles配置——测试运行器需要知道编译后的 JS 文件在哪,否则找不到测试入口

globalStorage 和 workspaceStorage 是“幽灵残留”的重灾区

插件卸载后,API 密钥、对话历史、上次打开的图表状态这些私有数据不会随文件夹一起消失,全堆在globalStorage里。重装同名插件时,它会直接读取旧数据,“复活”出一堆奇怪行为,比如卡在「正在激活」、反复弹登录框、或格式化规则错乱。

  • globalStorage路径:%APPDATA%\Code\User\globalStorage(Windows)、~/Library/Application Support/Code/User/globalStorage(macOS)、~/.config/Code/User/globalStorage(Linux)
  • 进该目录后,按插件 ID 搜索子文件夹(如saoudrizwan.claude-dev),整文件夹删掉
  • workspaceStorage也得看一眼——尤其旧项目里有.vscode/extensions.json,可能导致打开时仍提示「推荐安装」
  • 删完重启 VS Code,打开开发者工具(Help → Toggle Developer Tools),在 Console 里搜插件 ID,确认没有 require 或 activation 报错
真正彻底清理插件,核心就三件事:删磁盘上的文件夹、清 JSON 配置里的键值、扫 globalStorage 里的私有数据。这三个地方只要漏一个,重装就可能“带病复活”。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
vscode是什么_vscode怎么安装配置
vscode是什么_vscode怎么安装配置

VS Code(Visual Studio Code)是一款免费、开源的跨平台代码编辑器,由微软开发和维护。它被广泛用于软件开发和编程,支持多种编程语言和框架。VS Code 同时提供了丰富的功能和扩展性,使开发者可以高效地编写、编辑和调试代码。

2023.06.30

1435

18

vscode怎么运行代码
vscode怎么运行代码

vscode是一个运行于MacOS X、Windows和Linux之上的,针对于编写现代Web和云应用的跨平台源代码编辑器;vscode免费而且功能强大,对JavaScript和NodeJS的支持非常好,自带很多功能,例如代码格式化,代码智能提示补全、Emmet插件等。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

2023.07.21

3032

3

vscode使用的框架介绍
vscode使用的框架介绍

VSCode是一款跨平台代码编辑器,它基于Electron框架和Monaco Editor构建。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.14

2029

12

vscode一般用来写什么语言
vscode一般用来写什么语言

VSCode是一款功能强大的代码编辑器,支持多种编程语言和文件格式。它内置对 JavaScript、Python、Java、C++、TypeScript、HTML/CSS、Go 等语言的支持。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.14

1747

8

vscode可以写什么语言
vscode可以写什么语言

vscode是一款强大的代码编辑器,支持多种编程语言的开发。通过安装扩展,可以为 JavaScript/TypeScript、Python、Java、C#、PHP、Go、Ruby、Rust、HTML/CSS 等语言提供智能代码补全、调试和格式化等功能。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.15

2607

12

vscode中文设置方法
vscode中文设置方法

方法一:在设置页面中,搜索“locale”,并选择“zh-cn”。方法二:按“Ctrl Shift P”快捷键,输入“Configure Display Language”,将语言修改为“zh-cn”。如果上述方法无效,可考虑安装中文插件。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.15

1838

14

vscode用途介绍
vscode用途介绍

Visual Studio Code(VSCode)是一款由 Microsoft 开发的多功能文本编辑器,适用于各种编程语言。作为一款开源软件,VSCode 拥有代码高亮、自动补全、调试、Git 集成等强大功能,成为程序员不可或缺的工具。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.15

1262

10

vscode和visualstudio的区别
vscode和visualstudio的区别

Visual Studio是一款功能强大的集成开发环境(IDE),适用于专业开发人员进行复杂项目的构建。而VSCode则是一款轻量级的代码编辑器,更适合各种规模的项目开发。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.15

1136

8

vscode设置中文界面不生效解决方法
vscode设置中文界面不生效解决方法

vscode设置中文界面不生效解决方法:安装中文语言包、通过命令面板设置语言、检查 locale.json 设置、重新安装中文语言包、检查 VSCode 版本和更新、排除插件冲突、检查系统语言设置、查看 VSCode 日志和错误消息、重置 VSCode 设置、查看官方文档和社区支持。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.15

514

5

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程