括号：如何制作自动完成/自动作品？

Question

括号似乎很好，但我遇到了两个使用它的问题：

首先，我通常以这种方式自动填充标记：div.class - PRESS TAB -变为<div class="class"></div>

我无法实现这一点......我尝试下载一堆插件，没有任何作用......

第二次问题：

#container
    h3
        color: $ltGreen
        text-transform: uppercase
        font-size: em(24)
        margin-bottom: 0.5em
        font-weight: bold

在这个例子中，如果我在那部分代码中的任何地方按下Enter / Return键，光标会回到行的开头 ...所以我必须按Tab键很多时间每次按下回车键

是否有可能在括号中做到这一点？怎么样？

Answer 1

对于第一个问题，请尝试Emmet extension。它允许您使用精确的CSS-like shorthand并将其自动展开为HTML代码。

对于第二个问题，您在哪种类型的文件？括号使用＆＃34;智能缩进＆＃34;根据代码的语法将光标定位在新行上。如果您在HTML文件中，它将遵循光标周围标记的嵌套级别来决定缩进的距离（因为上面的代码不是正确的HTML语法，所以它不会使用它作为缩进的提示 - 它将它视为纯文本内容，被忽略）。如果您使用的是纯文本文件，则只会跟随附近行的缩进（因此您正在描述赢得的问题）。

在这种情况下看起来你可能真的在编写"classic"-style Sass代码？如果是这样，请确保您使用标准.sass文件扩展名，换行符应自动获得正确的缩进级别。

在按Enter键之前，这里的.sass文件应该是什么样子：

按Enter键后 - 注意光标 正确缩进：

Answer 2

建议使用Shift + Enter。