如何在VSCode中添加自定义代码片段?

Bea*_*ode 56 code-snippets visual-studio-code

是否可以在Visual Studio代码中添加自定义代码段?如果是这样,怎么样?VSCode基于Atom,所以它应该是可能的.

Cha*_*yak 61

  1. 点击> shift+ command+ p并输入代码段
  2. 选择首选项:打开用户代码段
  3. 选择要添加自定义代码段的语言类型
  4. vscode有解释如何添加代码段的注释,如:> vsdoc所述


可以说,我们想要为GO语言打开自定义代码段.然后我们可以这样做:

  1. 点击> command+p
  2. 键入:go.json + enter然后登陆自定义代码段页面

片段以JSON格式定义并存储在每个用户(languageId).json文件中.例如,Markdown代码段会进入markdown.json文件.

  • 片段生成器非常有帮助 (7认同)

Pra*_*mar 43

查看这个网站.你可以生成vs代码,sublime文本和atom的片段.

  • 这是一个很棒的工具!我忍不住写出必须引用并转义每行的自定义html片段,所以这确实是我想要的答案。 (5认同)
  • 说真的,这里有救生员。 (3认同)

vin*_*nod 21

您可以查看此视频以获取快速的简短教程

https://youtu.be/g1ouTcFxQSU

转到文件 --> 首选项 --> 用户代码段。选择您的首选语言。
现在输入以下代码来创建一个 for 循环片段:

  "Create for loop":{
    "prefix": "for",
    "body":[
      "for(int i = 0; i < 10; i++)",
      "{",
      "   //code goes here",
      "}"
    ],
   "description": "Creates a for loop"
  }
Run Code Online (Sandbox Code Playgroud)

你完成了。
在编辑器中输入“for”并使用第一个预测。

捷径

  1. 安装代码段创建器扩展(现已弃用)。
  2. 突出显示您需要制作代码段的代码。
  3. ctrl+ shift+P并在命令面板上键入“创建代码段”,然后按 ENTER。
  4. 选择要为其创建片段的语言(例如:-CPP),然后键入
    片段名称,键入片段快捷方式,然后键入片段描述。
    你现在可以走了。
    在编辑器中键入您在第 4 步中输入的代码段快捷方式,然后选择
    最先出现的预测(如果没有预测,请按 ctrl+space)。

希望这可以帮助 :)

注意:转到 File->Preferences->User Snippets。然后选择您
创建代码段所用的语言。你会在那里找到片段。


Pra*_*cer 18

版本0.10.6开始,您可以添加自定义代码段.阅读有关创建自己的代码段的文档.您可以通过放置json文件来查找/创建自定义代码段C:\Users\<yourUserName>\AppData\Roaming\Code\User\snippets.例如,自定义javascript片段将在\snippets\javascript.json

您还可以发布片段,这也是一个非常简洁的功能.John Papa创建了一个很好的angular + typescript片段,你可以下载它作为市场的扩展.

以下是javascript for循环文档的示例代码段:

"For Loop": {
    "prefix": "for",
    "body": [
        "for (var ${index} = 0; ${index} < ${array}.length; ${index}++) {",
        "\tvar ${element} = ${array}[${index}];",
        "\t$0",
        "}"
    ],
    "description": "For Loop"
},
Run Code Online (Sandbox Code Playgroud)

哪里

  • For Loop 是片段名称
  • prefix定义IntelliSense下拉列表中使用的前缀.在这种情况下.
  • body是片段内容.可能的变量是:
    • 标签停止$ 1,$ 2
    • 变量的$ {id}和$ {id:label}以及$ {1:label}
    • 具有相同ID的变量已连接.
  • description 是IntelliSense下拉列表中使用的描述

  • 它们确实需要某种多行字符串文字语法或将主体拉入单独文件的方法.引用和逃避每一行都是疯狂的. (5认同)

小智 9

您可以添加自定义脚本,请转到File --> Preferences --> User Snippets. 选择您的首选语言。

如果您选择 Javascript,您可以看到这样的默认自定义脚本console.log(' ');

"Print to console": {
    "prefix": "log",
    "body": [
        "console.log('$1');",
        "$2"
    ],
    "description": "Log output to console"
},
Run Code Online (Sandbox Code Playgroud)


Pet*_*ker 8

有一个名为:snippet creator .. 的VsCode插件。

安装后,您要做的就是:

  1. 选择您想要使其成为代码段的代码。
  2. 右键单击它,然后选择“命令面板”(或Ctrl+ Shift+ P)。
  3. 编写“创建代码段”。
  4. 选择需要观看以触发您的代码段快捷方式的文件类型。
  5. 选择一个代码段快捷方式。
  6. 选择一个代码段名称。

就这样 ..

注意:如果要编辑代码段,可以在[fileType] .json
示例:Ctrl+中找到它们P,然后选择“ javascript.json”


小智 6

我尝试在 javascriptreact.json 中添加片段,但它对我不起作用。

我尝试将片段添加到全局范围内,并且效果很好。

FILE --> Preferences --> User snippets
Run Code Online (Sandbox Code Playgroud)

这里选择New Global Snippets File,命名 javas criptreact.code-snippets

对于其他语言,您可以将其命名为 [your_longuage].code-snippets

在此处输入图片说明


Joh*_*apa 5

到目前为止,这是一个未记录的功能,但很快就会推出。您可以将它们添加到一个文件夹中,它们将会出现,但它可能会发生变化(由于某种原因其未记录)。

最好的建议是将其添加到用户声音网站并等待其最终结果。但它即将到来。