配置VSCode扩展开发调试环境可大幅提升效率。1. 在launch.json中设置extensionHost调试类型，通过preLaunchTask启动监听任务；2. 配置tasks.json运行tsc -w实现保存自动编译；3. 代码修改后使用Ctrl+Shift+F5快速重启调试实例，结合自动编译接近热重载体验。
VSCode 扩展开发过程中，调试和热重载能大幅提升效率。虽然 VSCode 本身不支持像前端项目那样的“完全热重载”，但通过合理配置可以实现快速重启调试实例，接近热重载的体验。
1. 基础调试配置（launch.json）
在扩展项目的 .vscode/launch.json 中配置调试启动项，这是调试的核心：
{ "version": "0.2.0", "configurations": [ { "name": "Run Extension", "type": "extensionHost", "request": "launch", "runtimeExecutable": "${execPath}", "args": [ "--extensionDevelopmentPath=${workspaceFolder}" ], "outFiles": [ "${workspaceFolder}/out/**/*.js" ], "preLaunchTask": "npm: watch" } ] }说明：
- type: extensionHost 表示在 VSCode 的扩展宿主环境中运行
- args 指定当前项目为开发扩展路径
- preLaunchTask 在启动前自动运行监听任务
2. 启用文件监听自动编译（tasks.json）
为了让代码修改后自动编译，需配置 TypeScript 监听任务：
{ "version": "2.0.0", "tasks": [ { "type": "npm", "script": "watch", "problemMatcher": "$tsc-watch", "isBackground": true, "label": "npm: watch" } ] }确保 package.json 中包含：
"scripts": { "watch": "tsc -w --preserveWatchOutput" }--preserveWatchOutput 能让终端持续输出编译信息，便于排查错误。
Vuex参考手册 中文CHM版
下载
Vuex是一个专门为Vue.js应用设计的状态管理模型 + 库。它为应用内的所有组件提供集中式存储服务，其中的规则确保状态只能按预期方式变更。它可以与 Vue 官方开发工具扩展(devtools extension) 集成，提供高级特征，比如 零配置时空旅行般（基于时间轴）调试，以及状态快照 导出/导入。本文给大家带来Vuex参考手册，需要的朋友们可以过来看看！
3. 提升调试体验：使用 Restart 功能
虽然不能真正热重载，但可通过快捷键快速重启调试会话：
- 修改代码并保存后，按 Ctrl+Shift+F5（或点击调试工具栏的重启按钮）
- 由于已启用 watch 模式，TS 文件保存即编译，重启后新代码立即生效
这个流程非常接近热重载的实际效果。
4. 可选优化：使用 nodemon 或自定义脚本
若想进一步自动化，可借助 nodemon 监听打包文件变化并自动重启调试器（需配合 API 调用，较复杂），但对大多数场景来说，手动按一下重启更稳定可控。
基本上就这些。配置好 launch 和 task 后，开发时只需专注代码修改，保存 → 重启调试，整个过程流畅自然，不复杂但容易忽略细节。
