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

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

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

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

console_log.sublime-snippet：

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

键入：conl tab和：console.log();出现在编辑器中。

光标将自动置于之间()，以便快速键入您的日志消息。
完成后，tab再次单击，光标将移到上方;。

• 制表符的行为由$1 和$0中的代码段控制。

• 的conl之间tabTrigger的标签定义了按键（不包括tab将触发片段来运行）。将其更改为对您有意义的任何快捷方式。

• description 标记（可选）定义了列出制表符完成“匹配”选项时希望升华显示的“提示”。
• 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，

• 1st tab带我（以逗号开头）到我要输入变量名称的位置，
• 2nd tab带我（在引号之间）到要在其中键入标签的位置
• 3rd tab带我（过去的分号）继续编码

我发现我的大脑对输入我感兴趣的变量最感兴趣，然后，几乎事后，它对标记它也很感兴趣。
另外，我经常想在标签前面加上调用函数的名称，因此从认知上更容易理解该变量，然后添加标签详细信息。因此tab顺序。

如果该顺序看起来不自然，只需将$1and 交换$2如下：

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

这将把光标：

• 1日tab的第一次报价（以键入您之间的标签为变量）
• 第二个tab逗号后第二（输入变量，你想看看），和
• 第三个tab分号后最后一个（继续编码）。

Answer 3

第 1 步：转到工具 -> 新片段。

第 2 步：插入以下代码（只是带有基本标签的示例。有关更多信息，请参阅此处）

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

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

第四步：仅此而已。现在，您可以在 sublime 中打开任何其他文件，然后键入hello并按键TAB。这将用文本代替 helloHello, this is sample snippet