Javascript 如何在Sublime Text 3中创建console.log代码段？

我不知道怎么做 我想首先编写代码，然后按TAB键，这段代码将用console.log命令包装在括号中。

---

请提供帮助）

步骤1：转到工具->新建代码段

步骤2：插入下面的代码（只是一个带有基本标签的示例代码。有关更多信息，请参阅）

你好

步骤3：保存文件。扩展名必须是“升华片段”，例如：hello.sublime-snippet

---

第四步：就这些。现在，您可以在sublime中打开任何其他文件，键入

hello

，然后点击

TAB

键。这将使文本取代hello

hello，这是示例代码片段

这是我的方法-Sublime text 3（3126）@Ubuntu 16.04

打开升华文本编辑器并转到：

Tools->Developer->New Snippet…

然后粘贴以下代码：

<snippet>
    <content><![CDATA[console.log(${1:}$SELECTION);${0}]]></content>    
    <tabTrigger>console.log</tabTrigger>    
    <scope>text.plain, source.js</scope>
</snippet>

console.log
text.plain，source.js

（

是可选的，您可以在

部分中随意放置任何内容）

按CTRL+S，选择名称（例如，

console.log.sublime snippet

）并保存它

---

打开任何JS文件，开始键入

console

，代码片段就会出现。

将此文件放入

/packages/User//console\u log.sublime snippet

如果您转到

Tools->Developer->New Snippet..

然后

crtl-S

（当您完成键入时），它会自动为您打开正确的文件夹

控制台\u日志。升华片段：

   <snippet>
        <content><![CDATA[console.log($1);$0]]></content>
        <tabTrigger>conl</tabTrigger>
        <scope>text.html,source.js</scope>
        <description>console.log()</description>
    </snippet>

这一个由

cl

触发，并且

• 第一个选项卡将我（越过逗号）带到要键入变量名的位置
• 第二个选项卡将我（在引号之间）带到要在标签中键入内容的位置
• 第三个标签带我（通过分号）继续编码

我发现我的大脑最感兴趣的是输入我感兴趣的变量，然后几乎是事后才想到，它感兴趣的是标记它。
另外，我经常希望用调用函数的名称预先挂起标签，这样从认知上更容易将变量移开，然后添加标签细节。因此出现了制表符顺序

如果这个顺序看起来不自然，只需像这样交换

$1

和

$2

：

<content><![CDATA[console.log('$1:', $2);$0]]></content> 

这将放置光标：

• 引号之间的第一个选项卡（键入变量的标签）
• 逗号秒后的第二个选项卡（输入要查看的变量），以及
• 最后一个分号后的第三个选项卡（继续编码）

转到升华文本2>首选项>键绑定-用户并添加此项 将JSON添加到文件并保存：

---

现在选择任意代码，只需按tab键

您尝试了什么？很简单。我这样做了，但是当我保存代码段并重新加载升华代码段时，它会从文件中消失。请确保您使用扩展名“.sublime snippet”保存它。也许你一定错过了。我该怎么办？

<snippet>
    <content><![CDATA[console.log('$2:', $1);$0]]></content>
    <tabTrigger>cl</tabTrigger>
    <scope>text.html,source.js</scope>
    <description>console.log()</description>
</snippet>

<content><![CDATA[console.log('$1:', $2);$0]]></content> 

[
    { "keys": ["tab"],
      "command": "insert_snippet",
      "args": {
        "contents": "console.log(${1:}$SELECTION);${0}"
      }
    }
]