Autocomplete 修改HTML<;脚本>;升华文本2自动完成

Autocomplete 修改HTML<;脚本>;升华文本2自动完成,autocomplete,sublimetext2,sublimetext,Autocomplete,Sublimetext2,Sublimetext,在升华文本2中,当使用“自动完成”插入html脚本标记时,光标跳到标记的末尾 <script type="text/javascript"></script>*CURSOR HERE* *光标在这里* 如何在Sublime中修改自动完成,以便在tab complete html脚本标记时,将src属性添加到标记中,并且光标跳到src属性的引号中 我在Sublime HTML.Sublime-completions文件中找到以下行: { "trigger": "scri

在升华文本2中,当使用“自动完成”插入html脚本标记时,光标跳到标记的末尾

<script type="text/javascript"></script>*CURSOR HERE*
*光标在这里*
如何在Sublime中修改自动完成,以便在tab complete html脚本标记时,将src属性添加到标记中,并且光标跳到src属性的引号中

我在Sublime HTML.Sublime-completions文件中找到以下行:

{ "trigger": "script", "contents": "<script type=\"${1:text/javascript}\">$0</script>" }
{“触发器”:“脚本”,“内容”:“$0”}
我尝试将其修改为以下内容:

{ "trigger": "script", "contents": "<script type=\"${1:text/javascript}\" src=\"$1\">$0</script>" }
{“触发器”:“脚本”,“内容”:“$0”}
为此,我引用了文件中的html链接标记:

{ "trigger": "link", "contents": "<link rel=\"stylesheet\" type=\"text/css\" href=\"$1\">" }
{“触发器”:“链接”,“内容”:“”}
我尝试安装另一个名为HTMLAttributes的包,但这并没有添加我想要的功能

我还尝试修改脚本标记,删除了类型,但升华仍然可以自动完成它。我修改错了吗?还是在错误的文件中


谢谢您的帮助。

请尝试在packages文件夹中的html_completions.py中添加以下代码

("script\tTag", "script type=\"${2:text/javascript}\" src=\"$1\">$0</script>" ),
(“脚本\tTag”,“脚本类型=\”${2:text/javascript}\“src=\”$1\“>$0”),

更多信息:

以下是我在Sublime Text 3中发现的一种技巧,可以使用ST的代码片段工具来实现这一点。

1) 单击菜单栏/Tools/newsnippet…

2) 在
之后和
]>
文本之前,替换
Hello,${1:this}是一个${2:snippet}。
文本带有
脚本src=“$1”>
(根据需要自定义;
$1
表示自动完成后的光标位置

3) 取消对选项卡触发行的注释,并将
hello
文本更改为
script

4) 取消对范围行的注释,并将
source.python
文本更改为
text.html

5) 将文件保存到
~/Library/Application Support/Sublime Text 3/Packages/User
,并将其命名为
html script.Sublime snippet
必须以
.Sublime snippet结尾)

完整的文件应类似于:

<!-- ~/Library/Application Support/Sublime Text 3/Packages/User -->
<snippet>
  <content><![CDATA[script src="$1"></script>]]></content>
  <tabTrigger>script</tabTrigger>
  <scope>text.html</scope>
</snippet>

]]>
剧本
text.html

如果按照上述方式编写,当您开始键入
时,不要忘记如果您已经安装了,也可以使用其缩写

例如键入:

script:src<TAB>
脚本:src
将决心:

<script src="|"></script>

对于CSS链接:

link<TAB>
link[/path/to/my.css]<TAB>
链接
链接[/path/to/my.css]
决心:

<link rel="stylesheet" href="|">
<link rel="stylesheet" href="/path/to/my.css">|

|

(管道指示光标位置)

我在ST3中找不到此文件,上面的链接页面是404。还有其他帮助吗?请不要使用触发Emmet的方法。改用。那很好。但是,是否也可以自动完成src属性,在文件系统上导航并获得建议?括号做得很好,但它太慢,无法在(稍微)大的项目中使用,不幸的是。@Nighto:我认为您需要硬编码
src
attr,或者在那里放置一个光标标记并键入。除非有一些插件来支持文件浏览(我不知道)。