vscode中可一键生成UUID:一、安装UUID Generator扩展后按⇧⌘U插入;二、用⇧⌘P调出命令面板输入“Generate UUID”执行;三、配置自定义代码片段,输入uuid按Tab展开。

如果您在使用 VSCode 编辑代码时需要频繁插入唯一标识符,但手动编写 UUID 效率低下且易出错,则可通过扩展或内置功能实现一键生成。以下是几种可在 VSCode 中快速生成 UUID 的方法:
本文运行环境:macBook air,macOS Sequoia。
一、安装 UUID Generator 扩展
该扩展专为 UUID 生成设计,支持多种格式输出,并可直接插入到当前光标位置。安装后无需额外配置即可使用。
1、打开 VSCode,点击左侧活动栏的扩展图标(或按快捷键 ⇧⌘X)。
2、在搜索框中输入 UUID Generator,找到作者为 Jinwen li 的扩展。
3、点击“安装”按钮,安装完成后重启 VSCode 或重新加载窗口。
4、按下快捷键 ⇧⌘U,即可在光标处插入标准 UUID v4 字符串。
二、使用 Command Palette 调用内置命令
部分已安装的通用工具类扩展(如 javaScript Booster 或 Code Runner)可能附带 UUID 生成命令,也可通过命令面板触发,不依赖专用扩展。
1、按下快捷键 ⇧⌘P 打开命令面板。
2、输入 Generate UUID,从下拉列表中选择对应命令。
3、回车确认后,UUID 将自动插入当前编辑器光标所在位置。
三、配置自定义代码片段
通过编辑用户代码片段文件,可定义快捷前缀(如 uuid),输入后自动展开为完整 UUID,适用于高频场景且无需安装额外扩展。
1、打开命令面板(⇧⌘P),输入并选择 Preferences: Configure User Snippets。
2、选择 New Global Snippets file,命名为 uuid.code-snippets。
3、在右侧 jsON 编辑区粘贴以下内容:
“uuid”: {
“prefix”: “uuid”,
“body”: [“${1:xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx}”.replace(/x/g, () => Math.floor(Math.random() * 16).toString(16)).replace(/y/g, () => (math.floor(Math.random() * 4) + 8).toString(16))],
“description”: “Generate UUID v4”
4、保存文件,新建或打开任意文本文件,输入 uuid 后按 Tab 键,即可展开为随机 UUID。