问题标签 [vscode-snippets]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
1501 浏览

visual-studio-code - multiple if/else statements with different variables: vscode snippet

I'm trying to write a snippet to make case-style statements in JavaScript quicker. Right now I have this, and it works:

it allows you to insert 0 or more else if statements in between the opening if and closing else by entering n characters after first tab and hitting tab again.

I would like the user (me) to be able to specify a value to go inside the brackets (like myVar =). I've tried setting up a variable to be evaluated after the transform, but it hasn't been read as a variable.

0 投票
1 回答
87 浏览

visual-studio-code - 片段选择:显示一个值并用另一个值完成

我不知道这是否可能,但我想与所有阅读并回答这些问题的优秀人士核实一下。

我为 css/scss/sass 制作了这个片段,以帮助导入字体语句。这是我目前拥有并希望构建的代码:

这工作得很好。它允许我在 google 字体 url 或空白之间进行选择https://

我的问题是,在切换到片段时是否可以让选项显示不同的值。例如,让第一个选项显示Google Fonts和另一个选项显示Other(或类似的东西)。

我的最终目标是让这个片段允许我从我经常使用的字体列表中进行选择,但我想让它可读。

编辑:@Mark 的回答让我可以继续我的 POC,我想与大家分享:

显然,这个概念在选择样式、重量等方面存在漏洞,但想法就在那里!

0 投票
1 回答
49 浏览

regex - VSCode 中的正则表达式激活代码段

我想创建一个使用正则表达式激活的片段,即如果我输入

VSCode 自动插入

或者,另一个例子,输入

结果是

对于environment或的任何值jinjablock

这似乎已经成为一件事,因为当我键入 XML/HTML 标记时标记完成工作,但我想任意扩展它。编辑:澄清的例子

0 投票
1 回答
850 浏览

visual-studio-code - vscode 嵌套片段选项并将制表位添加到选项中

我想在我的 Visual Studio 代码片段中做类似的事情:

"V.G.${1|BLOCK_NR,MASS_MM,MASS_360,I,J,K,R,FEEDRATE,FEEDRATE_SCALE,MERR[${2}]|}" 因此,在选择选项 MERR[] 后,我将在括号内看到光标。

以及我必须如何管理子选择,例如:

"V.G.${1|choice${2|subchoiceA,subchoiceB|},choice, choice......}"

如果我选择 MERR[] 选项,我将跳转到 [Cursor should be here]。我该如何处理?

0 投票
1 回答
129 浏览

visual-studio-code - 在 vscode 片段中,是否可以通过一键删除打开大括号和关闭大括号?

我有这个用于创建箭头函数的 VSCode JavaScript 片段。

如您所见,我为左大括号和右大括号创建了单独的制表位。这是因为当箭头函数的主体中只有一条语句时,我不想要花括号,我有机会删除它们。问题是,我必须通过按delete两次键来删除它们,因为它们位于不同的制表位。见下图。

有没有办法更改片段,以便当制表位打开时${20:{},在我按下delete一次键后,匹配的大括号${30:\}}也将被删除?

0 投票
2 回答
273 浏览

visual-studio-code - VSCode 片段 - 如何对“选择”结果运行正则表达式转换?

在定义的这个片段中,keybindings.json我试图对来自选择对话框的输入结果运行正则表达式转换 - 我需要插入两次相同的值,在第一个位置我需要第一个分号之前的部分,在第二个位置我想要完整的选择价值。

我尝试了文档中的示例,但它们似乎不适用于choice,还是我遗漏了什么?我如何实现这一目标?

预期输出:

0 投票
1 回答
359 浏览

visual-studio-code - 片段:嵌套占位符不起作用

我试图让嵌套占位符在片段中工作,这应该根据文档工作。但是在使用它时,它基本上被视为单个制表位。

测试片段

结果视频

有任何想法吗?提前致谢。

0 投票
1 回答
116 浏览

html - Visual Studio 代码片段

我只是想知道如何在 Visual Studio 代码中创建自己的自定义片段,以提高我的工作流程效率。这个专门用于在每个 HTML 网站的开头链接我的引导程序。

0 投票
1 回答
115 浏览

visual-studio-code - 片段:将 TM_DIRECTORY 基本目录从蛇形案例转换为 PascalCase

我正在尝试从 TM_DIRECTORY 变量(提供完整路径)中获取“基本目录”,以转换为 PascalCase(在蛇案例中)。

所以,对于/this/is/path/to/base_dir,我想得到BaseDir

这是我到目前为止所得到的:

${TM_DIRECTORY/(^.+\\/(.*)$)/${2:/capitalize}/g}从此_

这给了我:

Base_dir为了/this/is/path/to/base_dir

我觉得我必须以某种方式合并${TM_DIRECTORY/((^[a-z])|_([a-z]))/${2:/upcase}${3:/upcase}/g},但不知道如何。

0 投票
1 回答
100 浏览

visual-studio-code - 如何将多行代码段的一部分粘贴到特定行,将其余部分粘贴到另一行

我想为自己的使用创建一个自定义片段,我目前想为@emotion/core 创建一个片段。

我总是想/** @jsx jsx */在我的 jsx 文件之上。因此,当我在第 9 行导入模块时,在第 9import {css, jsx} from '@emotion/core行和/** @jsx jsx */第 0 行。我该如何实现?

当前片段: