每个片段的此打字稿有什么作用?

时间:2019-02-01 16:34:46

标签: javascript typescript visual-studio-code

当我要在打字稿文件中键入forEach()时,Visual Studio代码编辑器会向我提供此代码段

enter image description here 并粘贴以下内容:

    let foo: any;

    // something gets assigned to foo...

    foo.array.forEach(element => {

    });

为什么插入array属性,它是什么?该代码段打算在什么情况下使用?

2 个答案:

答案 0 :(得分:3)

对于该代码段,您无需使用yourArray.forEa...,然后选择该代码段。

您只需直接将其用作forEa...,然后单击即可使用array占位符创建完整的代码段,您可以立即将其替换为数组的名称。

所以您要做的是将数组放在多余的,不需要的开头,然后在上面附加了完整的代码段,该代码段已经具有数组占位符。


P.S。我认为,如果片段是按照您尝试使用的方式制作的,那会更直观。每次我都会发生这种情况,因此我必须删除创建的过多array.。但这只是我的意见。

答案 1 :(得分:0)

Visual Studio Code editor中,您还可以通过遵循File-> Preferences(macOS上的Code> Preferences)-> User Snippets,添加自己的片段,以供其他用户使用: enter image description heretypescript.json中输入input(在这种情况下): enter image description here 粘贴您的代码段(如果您想在不自动粘贴property array的情况下使用它),然后保存:

"forEach - my": {
    "prefix": "forEach",
    "body": [
        "forEach(element => {",
        "});" 
    ],
    "description": "My forEach"
}

forEach - my是代码段名称。

prefix是从IntelliSense和制表符补全中选择此代码段的方式。

body是内容,并且是单个字符串或字符串数​​组,每个元素将作为单独的行插入。

description是IntelliSense下拉列表中使用的描述。

更多信息在这里:https://code.visualstudio.com/docs/editor/userdefinedsnippets