在Sublime Text中自动完成自定义JavaScript函数

时间:2015-12-08 12:18:40

标签: autocomplete sublimetext2 sublimetext-snippet

我正在使用Sublime Text对我的网站进行编码,其中我有一个包含许多功能的JavaScript文件。我经常使用这些函数,每次都这样做,我必须输出整个函数。

我注意到,对于每个函数,我都可以创建一个带有快捷方式的Sublime Text代码段。然而,有大量的功能,他们不断变化。

有没有办法可以导入这个JavaScript文件并创建这个代码片段文件,这样我就可以使用自动填充功能了?

3 个答案:

答案 0 :(得分:11)

一个简单的代码段,可创建三个打开和关闭p标记:

<snippet>
    <content>
      <![CDATA[
  <p>
    $1
  </p>
  <p>
    $2
  </p>
  <p>
    $3
  </p>
      ]]>
    </content>
  <tabTrigger>p3</tabTrigger>
  <scope>text.html</scope>
</snippet>

将其保存为html-p3.sublime-snippet(Mac OS X)/Users/yourname/Library/Application Support/Sublime Text 2/Packages/User,然后您可以输入p3+tab来创建三个<p>标记。按{Tab}后,$1, $2, $3是光标跳转的位置。这使您可以轻松添加内容,而无需手动选择。

This great blog post解释了您需要了解的有关Sublime Text代码段的所有内容:

  

您可以使用CSS和HTML的片段(实际上,您可以使用任何在Sublime Text内部工作的语言或文本的片段。)

总而言之,您可以将所有功能片段放在<snippet><content><![CDATA[ *content here*]]></content></snippet>之间,并将其保存为Sublime Text默认首选项文件夹中的.snippet文件。

答案 1 :(得分:3)

如果所有内容都在一个大文件中,则Sublime Text应自动自动填充函数名称(而不是参数)。我能想到的唯一可能的问题是Sublime Text无法识别文件类型。检查View→Syntax是否设置为JavaScript。

如果您想要使用参数进行完全自动完成,请尝试Tern for Sublime

答案 2 :(得分:2)

您可以尝试 javascript插件进行sublime,这有助于在js中编写代码时自动完成。 以下是 javascript插件的列表:

http://www.sitepoint.com/essential-sublime-text-javascript-plugins/

以下是在sublime中设置插件的方法

How to install plugins to Sublime Text 2 editor?