logo标签列表

方括号内标签之间自动缩进

adobe-bracketsauto-indent
5
在Brackets中，输入<html>后会自动创建</html>。但是，当您按回车键时，它只是将关闭标签放在下一行。为了开始添加代码，需要按（enter * 2）、up arrow和tab，步骤太繁琐。想要自动使按下enter键得到以下结果：</html>。找不到实现此功能的扩展程序。在CSS中这样做可以，为什么在HTML中不行呢？
1
您也可以尝试使用 Enter 键后跟 Ctrl+Shift+Enter。 - arsaKasra
太棒了，谢谢！已添加到我的答案中。 - JBallin
2个回答
2

更新：

arsakasra的评论效果非常好！

按下 回车，然后再按 (Mac上是CMD，PC上是CTRL) + shift + enter

我一直在调整偏好设置，并将以下内容添加到我的 brackets.json 文件中（在菜单栏中访问：调试："打开偏好设置文件"）。

"closeTags": {
    "dontCloseTags": ["br", "hr", "img", "input", "link", "meta", "area", "base", "col", "command", "embed", "keygen", "param", "source", "track", "wbr"],
    "indentTags": ["ul", "ol", "div", "section", "table", "tr"],
    }
  • dontCloseTags是像<br>这样不应该关闭的标签。
  • indentTags是您希望自动创建一个缩进行的标签 - 根据需要添加更多！
  • (任何不在上述数组中的标记将在同一行上自动关闭)
1
1
关于Atom，我喜欢Brackets的实时预览功能，尽管我可能可以通过Atom扩展来实现。 - JBallin
回复：括号扩展 - 你确定它不会缩进你已经写好的代码吗？我发现有几个扩展可以这样做，但我希望在我打字时就能自动缩进。 - JBallin
我个人使用Atom，我知道它有一个功能，可以通过转到编辑>行>自动缩进来进行自动缩进。我会认为Brackets也有类似的功能。它会检测现有的缩进并相应地进行调整。 - Matthew Primpas
尝试查看括号设置，但它们是用布尔值编写的纯文本，用于切换功能...浏览了一下，但没有找到。我主要也使用Atom，但Brackets对于Web很酷。 - JBallin
我唯一找到的是你需要一个自动缩进的扩展。这里有另一个备受推荐的链接 https://github.com/ahuth/brackets-indentator - Matthew Primpas
与上述关于括号扩展的“re: brackets extension”相同的回复。 - JBallin
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接