VSCode的“欢迎”页面定制

可通过四种方法定制VSCode欢迎页面：一、用Custom Welcome Page扩展加载自定义HTML；二、用Command Runner等扩展重映射快捷键打开本地页面；三、在设置中开关欢迎页各区块；四、用用户片段注入动态内容。

如果您希望在启动 VSCode 时看到符合个人工作习惯或团队规范的“欢迎”页面，而非默认的通用界面，则需要调整其内置欢迎视图的显示内容与行为。以下是实现该定制的多种方法：

本文运行环境：MacBook Air，macOS Sequoia。

一、禁用默认欢迎页面并启用自定义 HTML 页面

VSCode 允许通过扩展机制完全替换欢迎视图，使用 Webview 方式加载本地 HTML 文件可实现高度可控的定制效果。

1、在用户工作区根目录下创建文件夹 .vscode/welcome，并在其中新建 index.html 文件。

2、编写 HTML 内容，确保包含 标签及基础结构，支持内联 CSS 和 JavaScript。

3、安装扩展 Custom Welcome Page（作者：alefragnani），该扩展提供 welcome.html 路径配置项。

4、打开 VSCode 设置（Cmd+,），搜索 custom welcome page path，将其值设为 ${workspaceFolder}/.vscode/welcome/index.html。

二、修改内置欢迎视图的快捷入口

VSCode 的欢迎页面由内置命令驱动，可通过重映射命令和编辑命令面板入口，间接控制欢迎视图呈现的内容组合。

1、打开命令面板（Cmd+Shift+P），执行 Preferences: Open Keyboard Shortcuts (JSON)。

2、添加快捷键绑定，将 workbench.action.showWelcomePage 关联至自定义命令脚本路径（需配合 Shell Command 扩展）。

3、安装扩展 Command Runner，创建任务 open-custom-welcome，其 command 字段调用系统 open 命令打开本地 HTML 文件。

4、在键盘快捷方式 JSON 中新增条目，将 Cmd+Shift+H 绑定至该任务 ID。

芒果商城系统GSHOP

芒果系统GSHOP 纯静态商城系统，你还在为商城的优化而苦恼？GSHOP是全站纯静态商城系统，一键seo优化功能解决seo问题，自定义URL链接解决商城同质化问题；多页面显示：动态页、伪静态页面、纯静态页面增加收录，提升网站权重，提升流量等。安全稳定、功能强大的商城系统。1、芒果商城系统基于 php5.0开发，企业级应用。2、产品功能Ajax设计，响应速度更快，购物体验更好。3、全新密钥存放机制，

0

查看详情

三、利用设置项隐藏/显示特定欢迎区块

VSCode 提供细粒度的 welcome 页面组件开关，无需编码即可控制哪些功能入口可见，适用于轻量级定制场景。

1、打开设置（Cmd+,），切换至 Features → Welcome Page 分类。

2、关闭 Show Recent 以隐藏最近打开的文件列表。

3、关闭 Show Tips 可停用右侧提示卡片区域。

4、启用 Show Walkthroughs 并配合 workbench.walkthroughs.openOnInstall 设为 false，避免插件安装后自动弹出引导。

四、通过用户片段注入欢迎页动态内容

利用 VSCode 片段（Snippets）机制，在欢迎页面的 Markdown 区域中嵌入可执行变量，实现时间、用户名等上下文信息的实时渲染。

1、创建用户代码片段文件 welcome.json，存于 ~/Library/Application Support/Code/User/snippets/（macOS 路径）。

2、在片段中定义 welcomeDynamic 键，body 字段包含 "Hello ${env:USER} — ${datetime:HH:mm} 等变量表达式。

3、在欢迎页面的任意 Markdown 文本块中插入 ```snippet welcomeDynamic```（需配合支持片段渲染的扩展如 Markdown Preview Mermaid Support）。

4、重启 VSCode，打开欢迎页并刷新预览，确认动态字段已正确解析。

以上就是VSCode的“欢迎”页面定制的详细内容，更多请关注php中文网其它相关文章！