adobe-brackets - 方括号：如何使自动完成/自动缩进有效？

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 键，光标就会回到行首......所以我每次按 Enter/Return 时都必须按 Tab 很多次......

是否可以在括号中做到这一点？如何 ？

Answer 1

对于第一个问题，请尝试Emmet 扩展。它允许您使用精确的类似 CSS 的速记并将其自动扩展为 HTML 代码。

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

在这种情况下，看起来您实际上可能正在编写“经典”风格的 Sass代码？如果是这样，只需确保您使用的是标准.sass文件扩展名，并且换行符应该自动获得正确的缩进级别。

这是按 Enter 之前 .sass 文件的外观：

并按 Enter 后 - 请注意光标已正确缩进：

Answer 2

建议标签时尝试 Shift+Enter。