Question

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

Answer 1

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

打开Sublime Text编辑器并转到：

Tools -> Developer -> New Snippet...

然后粘贴以下代码：

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

（<scope></scope>是可选的，您可以在<tabTrigger></tabTrigger>部分中随意添加任何内容）

按 CTRL + S ，选择名称（例如console.log.sublime-snippet）并保存。

打开任何JS文件，开始输入console，然后会出现代码段。

Answer 2

第1步：转到工具 - ＆gt;新片段。

第2步：在代码下面插入（只是带有基本代码的示例。有关详细信息，请参阅here）

 <snippet>
  <content><![CDATA[Hello, this is sample snippet ]]></content>
  <tabTrigger>hello</tabTrigger>
</snippet>

第3步：保存文件。扩展必须是'sublime-snippet'，例如：hello.sublime-snippet

第4步：这就是全部。您现在可以在sublime中打开任何其他文件，并键入hello并按TAB键。这将使文本代替你好Hello, this is sample snippet

Answer 3

将此文件放在/packages/User/<optional subFolder Name>/console_log.sublime-snippet

中

如果你转到Tools -> Developer -> New Snippet..
然后crtl-S（当您完成输入时），它会自动为您打开正确的文件夹。

<强> console_log.sublime-段：

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

键入：conl 标签并且：console.log();出现在您的编辑器中。

光标将自动放在()之间，以便快速输入日志信息完成后，再次单击选项卡，光标将移过;。

标签行为由代码段中的$1和$0控制。
conl代码之间的tabTrigger定义了触发代码段运行的按键（不包括tab）。将其更改为任何对您有意义的快捷方式。
description标签（可选）定义了什么＆＃34;提示＆＃34;你想要在列出标签完成时显示sublime＆＃34;匹配＆＃34;选项。
scope代码（可选）限制代码段仅在处理所列类型的文件时触发

以下是我用于调试日志记录的此代码段的高级版本。
它鼓励标记我想要查看的变量。

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

这个由cl和

触发

第一个标签将我（通过逗号）带到我要输入变量名称的位置，
第二个标签将我（在引号之间）带到我要输入标签
第3个标签带我（通过分号）继续编码

我发现我的大脑最感兴趣的是输入我感兴趣的变量，然后几乎是事后的想法，它有兴趣标记它。
另外，我经常想要使用调用函数的名称预先标记标签，因此在认知上更容易将变量放在一边，然后添加标签细节。因此标签顺序。

如果该订单看起来不自然，只需交换$1和$2，如下所示：

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

这将把光标放在：

第一个标签（在变量中键入标签），
第二个标签（输入您要查看的变量）和
第三个选项卡（继续编码）。

Answer 4

转到Sublime Text 2>首选项>快捷键-用户并添加此 JSON到文件并保存：

package com.example;

import com.google.gson.annotations.Expose;
import com.google.gson.annotations.SerializedName;

public class Example {

@SerializedName("id")
@Expose
private Integer id;
@SerializedName("cloudStatusTimestamp")
@Expose
private String cloudStatusTimestamp;
@SerializedName("cloudStatusCode")
@Expose
private Object cloudStatusCode;
@SerializedName("cloudStatusMessage")
@Expose
private String cloudStatusMessage;
@SerializedName("cloudStatusComments")
@Expose
private String cloudStatusComments;
@SerializedName("Reference")
@Expose
private Integer reference;

public Integer getId() {
return id;
}

public void setId(Integer id) {
this.id = id;
}

public String getCloudStatusTimestamp() {
return cloudStatusTimestamp;
}

public void setCloudStatusTimestamp(String cloudStatusTimestamp) {
this.cloudStatusTimestamp = cloudStatusTimestamp;
}

public Object getCloudStatusCode() {
return cloudStatusCode;
}

public void setCloudStatusCode(Object cloudStatusCode) {
this.cloudStatusCode = cloudStatusCode;
}

public String getCloudStatusMessage() {
return cloudStatusMessage;
}

public void setCloudStatusMessage(String cloudStatusMessage) {
this.cloudStatusMessage = cloudStatusMessage;
}

public String getCloudStatusComments() {
return cloudStatusComments;
}

public void setCloudStatusComments(String cloudStatusComments) {
this.cloudStatusComments = cloudStatusComments;
}

public Integer getReference() {
return reference;
}

public void setReference(Integer reference) {
this.reference = reference;
}

}

现在选择任何代码，然后按Tab键

如何在Sublime Text 3中创建console.log片段？

4 个答案: