Sublime Text 使用 Shift 创建具有相同 class 的多个 div

Question

我正在尝试使用 Shift 命令在 sublime 中使用相同的 class 创建多个 div Text.But 它不起作用。

我正在这样尝试：

div.3x col-sm-4

像这样的期望输出：

   <div class="col-sm-4"></div>
   <div class="col-sm-4"></div>
   <div class="col-sm-4"></div>

我们如何做到这一点？

Answer 1

在每个 class 上写一个点 (.)，然后用 * 与您想要的数字相乘。我假设你有一个 class col-sm-4 并且你想制作 3 div.

在这种情况下你应该这样写

div.col-sm-4*3

Answer 2

你可以试试这个 div.3x col-sm-4

在你的代码中，你可能忘记在 sm 和 4 之间加上 (-)。试试上面的代码，可能对你有帮助。

Answer 3

第 1 步： 安装 Package Control。

第 2 步： Shift+Ctrl+p 然后搜索 emmet 进行安装并按回车键或观看此视频 Sublime Text Emmet (Tutorial #7)

安装到此就完成了现在重启 sublime text。

=========================================== ================

并且您将通过编写这样的代码来获得所需的结果

div.col-sm-4*3

然后点击 Tab，你会得到

<div class="col-sm-4"></div>
<div class="col-sm-4"></div>
<div class="col-sm-4"></div>

但必须安装 emmet。

Answer 4

试试这个

div.col-sm-4*3

对于上面的代码，我假设 col-sm-4 是你的 class 名字，3 是重复三次的乘数 div。

Sublime Text creating multiple div with same class using Shift