You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在VS Code用户代码片段中生成1-100的随机数?

VS Code设置快捷键直接生成1-100随机数

普通代码片段只能插入固定文本,没法直接生成动态的随机数,得换方式实现,下面给你两种实用方案:

方案一:用快捷键+终端命令(无需安装扩展)

  1. 打开任务配置文件tasks.json:按Ctrl+Shift+B,选择「创建tasks.json文件」,再选「Others」
  2. 替换文件内容为:
{
    "version": "2.0.0",
    "tasks": [
        {
            "label": "生成1-100随机数",
            "type": "shell",
            "command": "node -e \"process.stdout.write((Math.floor(Math.random() * 100) + 1).toString())\"",
            "problemMatcher": [],
            "presentation": {
                "reveal": "never",
                "panel": "shared"
            }
        }
    ]
}
  1. 打开快捷键配置JSON:按Ctrl+K Ctrl+S,点击右上角的「打开键盘快捷方式(JSON)」
  2. 添加快捷键绑定(可自定义快捷键):
{
    "key": "ctrl+shift+r",
    "command": "workbench.action.tasks.runTask",
    "args": "生成1-100随机数",
    "when": "editorTextFocus"
}
  1. 使用方式:触发快捷键后,随机数会输出在终端,全选复制后粘贴到编辑器即可

方案二:通过自定义脚本实现一键插入

  1. 安装「Custom JavaScript and CSS Loader」扩展
  2. 新建random-number.js文件,写入:
const vscode = require('vscode');

vscode.commands.registerCommand('my.generateRandomNumber', () => {
    const randomNum = Math.floor(Math.random() * 100) + 1;
    const activeEditor = vscode.window.activeTextEditor;
    if (activeEditor) {
        activeEditor.edit(edit => {
            edit.replace(activeEditor.selection, randomNum.toString());
        });
    }
});
  1. 打开VS Code用户设置JSON(Ctrl+,后点击右上角打开设置JSON),添加:
"vscode_custom_css.js": [
    "file:///你刚才创建的random-number.js的绝对路径"
]
  1. 再次打开快捷键配置JSON,添加绑定:
{
    "key": "ctrl+shift+r",
    "command": "my.generateRandomNumber",
    "when": "editorTextFocus"
}
  1. 重启VS Code并允许加载自定义脚本,之后触发快捷键就能直接在光标位置插入随机数

内容的提问来源于stack exchange,提问作者base

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.17 07:44:54