我不知道这是否可能,但我想与所有阅读并回答这些问题的优秀人士核实一下。
我为 css/scss/sass 制作了这个片段,以帮助导入字体语句。这是我目前拥有并希望构建的代码:
"Import font": {
"scope": "css,scss,sass",
"prefix": "@import, @im, @i",
"body": "@import url('${1|https://fonts.googleapis.com/css2?family=,https://|}');"
},
这工作得很好。它允许我在 google 字体 url 或空白之间进行选择https://
。
我的问题是,在切换到片段时是否可以让选项显示不同的值。例如,让第一个选项显示Google Fonts
和另一个选项显示Other
(或类似的东西)。
我的最终目标是让这个片段允许我从我经常使用的字体列表中进行选择,但我想让它可读。
编辑:@Mark 的回答让我可以继续我的 POC,我想与大家分享:
"Import font": {
// "scope": "css,scss,sass",
"prefix": "@import, @im, @i",
// "body": "@import url('${1|https://fonts.googleapis.com/css2?family=,https://|}');"
"body": "@import ${1|url('Google Fonts,url('Other|}');" // explained below**
},
"Google Fonts": {
// "scope": "css,scss,sass", // just disabled for testing purposes
"prefix": "url('Google Fonts",
"body": "url('https://fonts.googleapis.com/css2?family=${1|Open Sans,Other Font|}"
},
"Open Sans": {
// "scope": "css,scss,sass",
"prefix": "Open Sans",
"body": "Open+Sans&display=swap"
},
显然,这个概念在选择样式、重量等方面存在漏洞,但想法就在那里!