如何在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
相关产品推荐
相关产品推荐

