Atom 编辑器中是不是有用于格式化 HTML 的命令?
Posted
技术标签:
【中文标题】Atom 编辑器中是不是有用于格式化 HTML 的命令?【英文标题】:Is there a command for formatting HTML in the Atom editor?Atom 编辑器中是否有用于格式化 HTML 的命令? 【发布时间】:2014-08-03 01:17:35 【问题描述】:我想用一个命令格式化我的 html,就像我在 Visual Studio 中所做的那样,使用 Ctrl+K+D。这可能在Atom 中吗?如果没有,还有其他选择吗?
【问题讨论】:
【参考方案1】:Atom 没有用于格式化 html 的内置命令。但是,您可以安装 atom-beautify 包来获得此行为。
-
按 CTRL + SHFT + P 调出命令面板(CMD + SHFT + P 在 Mac 上)。
键入 Install Packages 以调出包管理器。
在搜索框中输入 beautify。
选择atom-beautify 或其他软件包之一,然后单击安装。
现在您可以使用 atom-beautify CTRL + ALT + B 的默认键绑定来美化您的 HTML (CTRL + OPTION + B 在 Mac 上)。
【讨论】:
相反的观点认为 Atom 拥有尽可能小的内核很酷,这样您就可以只安装必要的东西。即,Atom 可用于开发不需要那些格式化程序的非 Web 应用程序...... 可能会有一些自定义安装,例如“Atom for Web 开发人员”,其中包含与该主题相关的下载次数最多的软件包。 atom-beautify,例如,截至目前有 685,927 次下载...过去 10 分钟内有 9 次下载,包括我的! atom-beautify 充满了 bug。它不适用于真实的文档。如果存在内联元素,它会错误地在标题中添加换行符。从 JS Beautify 引擎切换到 Pretty Diff 引擎会让事情变得更糟——<dfn>
等内联元素被包裹在段落中。
我非常不喜欢atom-beautify
不使用个人缩进设置和/或.editorconfig
设置这一事实。它只是以其的方式格式化所有内容。【参考方案2】:
有一些用于美化 HTML 的包。您可以通过搜索 Atom 包存档找到它们:
-
导航到the Atom site
点击包链接
在搜索框中输入“美化”
或者直接去这个链接:https://atom.io/packages/search?q=prettify
一旦你选择了一个你想要的包,你就可以通过使用命令来安装它:apm install [package name]
从命令行或使用首选项中的界面安装它。
安装软件包后,请按照其说明激活其功能。
【讨论】:
【参考方案3】:https://github.com/Glavin001/atom-beautify
包括许多不同的语言,也包括 html..
【讨论】:
【参考方案4】:你可以添加atom美包来格式化atom中的文字..
文件 --> 设置 --> 安装
然后你在搜索区输入atom-beautify。
然后点击打包按钮.. 选择 atom beuty 并安装它。
接下来你可以使用 (Alt + ctrl + b) 来格式化你的文本 要么 右键单击并选择美化编辑器内容
【讨论】:
【参考方案5】:-
在 atom 编辑器中转到“包”。
然后在“包”视图中选择“设置视图”。
选择“安装包/主题”。
搜索“Atom Beautify”并安装它。
【讨论】:
【参考方案6】:不仅仅是 HTML,使用 atom-beautify
- Atom 包,您可以格式化 HTML、CSS、javascript、php、Python、Ruby、Java、C、C++、C#、Objective-C、CoffeeScript、TypeScript、Coldfusion 的代码、SQL 等)在 Atom 中只需几秒钟。
安装atom-beautify
包:
Install Packages & Themes
。出现安装包窗口。
搜索Beautify
包,你会看到很多美化包。安装任何。我会推荐atom-beautify
。
现在重新启动 atom 和 TADA!现在您可以进行快速格式化了。
使用atom-beautify
格式化文本:
【讨论】:
以上是关于Atom 编辑器中是不是有用于格式化 HTML 的命令?的主要内容,如果未能解决你的问题,请参考以下文章
用于在 Atom 编辑器中替换整个代码库中的类名的正则表达式