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

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扩展.它允许您使用类似CSS的简写速记并自动将其扩展为HTML代码.

对于第二个问题,您在哪种类型的文件？Brackets使用"智能缩进"根据代码的语法将光标定位在新行上.如果你在HTML文件中,它将遵循光标周围标签的嵌套级别来决定缩进的距离(因为上面的代码不是正确的HTML语法,它不会用它作为缩进的提示 - 它将它视为纯文本内容,被忽略).如果你是一个纯文本文件,它只会跟随附近行的缩进(所以你所描述的问题不会发生).

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

在按Enter键之前,这是.sass文件的样子:

并按下Enter键后-请注意光标是正确缩进: