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、javascriptphp、Python、Ruby、Java、C、C++、C#、Objective-C、CoffeeScript、TypeScript、Coldfusion 的代码、SQL 等)在 Atom 中只需几秒钟。

安装atom-beautify 包:

打开 Atom 编辑器。 按 Ctrl+Shift+P (Cmd+Shift+P on mac),这将打开 atom 命令面板。 搜索并点击Install Packages & Themes。出现安装包窗口。 搜索Beautify包,你会看到很多美化包。安装任何。我会推荐atom-beautify。 现在重新启动 atom 和 TADA!现在您可以进行快速格式化了。

使用atom-beautify 格式化文本:

转到要格式化的文件。 点击Ctrl+Alt+BCtrl+Option+B 在 Mac 上)。 您的文件在几秒钟内就被格式化了。

【讨论】:

以上是关于Atom 编辑器中是不是有用于格式化 HTML 的命令?的主要内容,如果未能解决你的问题,请参考以下文章

用于在 Atom 编辑器中替换整个代码库中的类名的正则表达式

在 Atom 中注释掉代码块

atom编辑器手动安装插件

Atom编辑器入门到精通 Atom使用进阶

对于python`if`语句,Atom Hydrogen错误“解析期间意外的EOF”! (但不是其他陈述)

Atom编辑器入门到精通 编辑配置文件