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

如何在VS Code代码片段中实现变量乘法运算?

在VS Code代码片段中实现变量乘法操作

VS Code代码片段支持通过正则替换结合JavaScript表达式实现变量的数值计算,针对你的需求,修改后的代码片段如下:

"Print to console": {
    "scope": "jade, pug",
    "prefix": "fimg",
    "body": [
        "img(src='https://fakeimg.pl/${1:350}x${2:200}/00CED1/FFF/?text=$1x$2' srcset='https://fakeimg.pl/${1/^.*$/${= parseInt($1) * 1.5}/}x${2}/00CED1/FFF/?text=${1/^.*$/${= parseInt($1) * 1.5}/}x${2} 1.5x, https://fakeimg.pl/${1/^.*$/${= parseInt($1) * 2}/}x${2}/00CED1/FFF/?text=${1/^.*$/${= parseInt($1) * 2}/}x${2} 2x' alt='')"
    ],
    "description": "Fake images"
}

关键修改说明:

  • 1.5x倍率的宽度计算:用${1/^.*$/${= parseInt($1) * 1.5}/}替换原有的$1,自动将输入的宽度值乘以1.5
  • 2x倍率的宽度计算:用${1/^.*$/${= parseInt($1) * 2}/}替换原有的$1,自动将输入的宽度值乘以2
  • 使用parseInt($1)确保输入的宽度被转为整数,避免字符串拼接式的错误运算
  • 同步更新了text参数里的对应数值,保证显示的尺寸和实际图片尺寸一致

注意:该语法要求VS Code版本在1.60及以上,确保你的编辑器版本符合要求。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.06.23 16:52:10