方括号：如何使自动完成/自动缩进有效？答案

【问题标题】：Brackets : how to make autocomplete / autoindent works ?方括号：如何使自动完成/自动缩进有效？
【发布时间】：2014-05-05 10:26:15
【问题描述】：

括号看起来不错，但我在使用它时遇到了两个问题：

首先，我通常这样自动完成标签：div.class - PRESS TAB -becomes<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 很多时间每次我按回车键...

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

【问题讨论】：

标签： adobe-brackets

【解决方案1】：

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

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

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

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

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

【讨论】：

对于第一个问题：谢谢 :)，对于第二个问题，我在 .sass 文件上使用 Sass 语法。这就是为什么我不明白...
Emmet 在 HTML / CSS 方面做得非常好。你对 PHP 和 JS 文件有同样的看法吗？我不敢相信这些东西不是来自原生网络编辑器......
@enguerranws：我在上面添加了截图。当您打开.sass 文件时，它对您来说不是这样吗？我不确定是否有类似 Emmet 的 PHP 或 JS 代码。是否还有其他具有类似功能的编辑器？查看示例可能有助于搜索类似的内容。（但请注意：JS 代码提示将接受驼峰匹配和其他简写 - 这与您想要的一样 bit。
那张截图正是我要找的，但我在 Mac 上的 Brackets 没有做到这一点......我目前正在使用 Sublime Text，我所说的一切......跨度>
@enguerranws：当你说“我的括号不这样做”时，你的意思是你甚至没有看到语法颜色编码吗？你确定文件扩展名是.sass吗？（括号状态栏是在右下角显示“SASS”还是其他？）您使用的是什么版本的括号？如果您安装了任何扩展，或许可以尝试disabling them 以确保扩展没有破坏任何东西。

【解决方案2】：

建议标签时尝试 Shift+Enter。

【讨论】：

这很有帮助，如果评论......这对我有用，我谷歌然后打开这个页面，我寻找这个热键。但这不是答案。最好是评论
谢谢！这是我在谷歌上搜索并找到这个问题时想知道的。