标签中的Sublime Text 2包装选择

Question 1

在ST2中，突出显示一些文本并按alt+ shift+ w（在Windows上）会将当前选择包装在<p></p>标签中。但是，有没有指定的方式，其与包装标签？因为也许我想将其换成一个范围或一个div。

Question 2

使用埃米特，将光标放在你想换行，按标签ctrl+ w（适用于MacOS）或Alt+ Shift+ W（适用于Windows），一会弹出输入要与包装标签的类型。

Question 3

单线

如果要转换此

Lorem ipsum dolor sit amet.

对此

<div>Lorem ipsum dolor sit amet.</div>

做这个：

选择文本，或按CTRL+ L（它将选择当前行）
按ALT+ SHIFT+W
输入所需的标签（它将覆盖默认的p标签）

多行

如果要转换此

Item 1
Item 2
Item 3

对此

<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>

做这个：

选择文本，或多次按CTRL+L
按CTRL+ SHIFT+ L（它会让每行一个选择）
按ALT+ SHIFT+W
输入所需的标签（它将覆盖默认的p标签）

您也可以使用SHIFT+选择文本MOUSE RIGHT BUTTON，在这种情况下，您可以跳过第二步。

使用Emmet

如果要转换此

Item 1
Item 2
Item 3

对此

<nav>
  <ul class="nav">
    <li class="nav-item1"><a href="">Item 1</a></li>
    <li class="nav-item2"><a href="">Item 2</a></li>
    <li class="nav-item3"><a href="">Item 3</a></li>
  </ul>
</nav>

做这个：

选择文字
按SHIFT+ CTRL+ G（用缩写包装）
键入nav> ul.nav> li.nav-item $ *> a

Mac用户注意事项：

ALT+ SHIFT+ W= CTRL+ SHIFT+W

CTRL+ SHIFT+ L= CMD+ SHIFT+L

Question 4

例如，创建一个自定义代码段以插入一个span标签。转到应用菜单：Tools > New Snippet ...，然后将以下代码段复制到窗口中：

<snippet>
    <content><![CDATA[
<span style="color:#0000FF">$SELECTION$1</span>
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <tabTrigger>span</tabTrigger>
    <description>HTML - span - color - blue</description>
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <scope>source.html</scope>
</snippet>

...然后将代码段保存到具有例如html-span--colorname的文件中，并将该代码段绑定到中的组合Preferences > Key Bindings-User键，以创建一个新的密钥条目，例如：

{ "keys": ["alt+shift+c"], "command": "insert_snippet", "args": { "name": "Packages/User/html-span--color.sublime-snippet" } }

假定该代码段的位置是Packages/User/目录。

现在，选择需要包裹在span标签中的任何文本，然后按Alt+ Shift+c或键入'span'，按Tab，光标将被设置到标签内所需的位置，只需键入您的文本即可。

我已经在Ubuntu Linux中使用Sublime Text 3成功测试了代码段和键绑定。

Question 5

答案都很好。这是用于自定义键绑定的位置：

在首选项中：键绑定-默认值：

{ 
  "keys": ["ctrl+shift+w"], "command": "insert_snippet", 
  "args": { "name": "Packages/XML/long-tag.sublime-snippet" } 
}

如果您拥有Emmet，则emmet版本为

{ "keys": ["super+shift+w"], "command": "wrap_as_you_type"}

在“偏好设置：按键绑定-您喜欢的用户”中对其进行编辑，

Question 6

使您在Sublime text3中的生活变得轻松：键入以下任意一项（p，h1，div，页眉，页脚，标题...），然后按Tab键 ，例如，如果要div只需键入div并按Tab键

Question 7

在ST2中，键入不带括号的标签，然后按Tab键。它将自动为您提供打开和关闭标签

Question 8

与Dreamweaver中提供的机制相比，这种插入摘要的系统非常麻烦。在这种情况下，您可以构建任何形式的代码段。它存储在RAM中的库中，并以目录样式的结构显示。您声明代码段是INSERT类型（在光标位置）还是SPAN类型（跨度选定的文本）。在第一种情况下，将插入整个代码段。在第二种情况下，该片段是用“之前”部分和“之后”部分创建的。通常，“之后”部分只是结束标记。要使用INSERT HERE模式，请定位光标，然后双击库中的代码片段，然后将其插入到光标位置。要使用“ SPAN SELECTED TEXT”模式，请突出显示所需的文本，然后双击库中的代码段。所选文字被“之前”括起来和代码段的“之后”部分。这非常直观，易于使用，并且使用户能够构建可以跨越所选文本的无限种类的代码片段。某些非常智能的编程器，请像SUBLIME 3这样构建扩展吗？注意：相比之下，Bracket Highlighter是Sublime插件，具有包装功能，似乎具有这种功能，但是如果您想即时构建高效的代码片段库，仔细检查就太麻烦了。谢谢彼得·罗斯蒂 Bracket Highlighter是一个Sublime插件，具有包装功能，该包装功能似乎具有这种功能，但仔细检查后，如果您想即时构建高效的代码段库，则使用起来会很麻烦。谢谢彼得·罗斯蒂 Bracket Highlighter是一个Sublime插件，具有包装功能，该包装功能似乎具有这种功能，但仔细检查后，如果您想即时构建高效的代码段库，则使用起来会很麻烦。谢谢彼得·罗斯蒂