VSCode如何快速生成UUID?

14次阅读

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

VSCode如何快速生成UUID?

如果您在使用 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。

text=ZqhQzanResources