VSCode进度通知_长时间操作进度显示-VSCode-PHP中文网

VSCode进度通知_长时间操作进度显示

夢幻星辰

发布： 2025-11-22 19:39:06

原创

242人浏览过

VSCode通过进度通知提升用户体验，支持状态栏动画、顶部进度条和可取消弹窗。开发者可用window.withProgressAPI实现自定义提示，需注意异步执行与取消处理，避免UI冻结。

vscode进度通知_长时间操作进度显示

在使用 VSCode 进行开发时，某些操作可能耗时较长，比如文件搜索、项目初始化、代码重构或插件加载。为了提升用户体验，VSCode 提供了进度通知功能，可以在状态栏或弹窗中显示当前操作的执行进度。

如何触发进度通知

VSCode 的进度提示通常由以下几种情况触发：

扩展插件执行长时间任务：许多插件（如 Prettier、ESLint、GitLens）在后台运行时会调用进度 API 显示处理状态。
内置功能操作：例如“查找全部引用”、“重命名符号”、“克隆 Git 仓库”等操作会自动显示进度条。
语言服务器响应延迟：当 TypeScript 或 Python 语言服务正在分析大型项目时，状态栏可能出现“正在分析…”提示。

进度显示的位置与形式

VSCode 中的进度提示主要有两种展示方式：

状态栏动画指示器：位于底部状态栏左侧，显示旋转图标，表示有任务正在进行。
顶部进度条（Activity Bar 上方）：以横向色条形式出现在窗口顶部，颜色常为蓝色或绿色，直观反映操作进度。
弹出式通知带取消选项：某些长时间任务会弹出可交互通知，包含“取消”按钮，允许用户中断操作。

开发者如何在插件中实现进度提示

如果你是 VSCode 插件开发者，可以通过 window.withProgress API 添加自定义进度通知：

vscode.window.withProgress(
  {
    title: '正在处理文件...',
    location: vscode.ProgressLocation.Notification,
    cancellable: true
  },
  (progress, token) => {
    return new Promise((resolve, reject) => {
      token.onCancellationRequested(() => {
        reject(new Error('用户已取消'));
      });
<pre class='brush:php;toolbar:false;'>  // 模拟分步完成
  for (let i = 0; i < 100; i++) {
    setTimeout(() => {
      progress.report({ increment: 1, message: `${i + 1}/100` });
    }, 100 * i);
  }

  resolve(true);
});

登录后复制

} );

关键参数说明：

中解商务通

实时捕捉一旦访问者打开您的网站，系统会立即显示，这时您就可以查看用户的信息，如：来自搜索引擎关键词、友情链接或直接访问；访问者的IP地址，所在地区，正在访问哪个网页；以及访问者使用的操作系统、浏览器、显示器屏幕分辨率颜色深度等。主动出击变被动为主动，可以主动邀请访问者进行洽谈勾通，帮助客户深入了解您的企业和产品，同时获得对方的采购意向、联系方式等信息。互动交流主动销售和在线客服合二为一，