8 个常用的 Atom 插件

Posted 2020-10-14

emmet

书写大量html是很枯燥的，而且容易出错。通过emmet插件，可以用一些速记符生成符合语法规则的HTML。

atom-beautify

该插件可辅助缩进，提高代码可读性。

autocomplete-paths

在代码中，经常需要引用其他文件或目录。该插件能够在输入文件名时提供自动补全功能。

api-docs

可以通过键盘查阅文档。文档会在编辑器单独的一个标签面板中显示。

linter

linter是一个用来检查代码语法和风格的程序。请确认你安装的插件就叫作linter。这是一个基础linter，与特定语言插件搭配使用效果更佳；有了它，才能使用后续其他linter插件。

要使用linter检查CSS、HTML和javascript代码，还需安装另外三个插件。

linter-csslint

首先安装linter-csslint，该插件在保证CSS代码语法正确的同时，还能提供编写高性能CSS的建议。

linter-htmlhint

然后是linter-htmlhint，它确保HTML代码保持良好的格式。当HTML标签匹配错误时，编辑器会显示警告信息。

linter-eslint

最后一个linter插件是linter-eslint。它能检查JavaScript代码的语法，还能通过配置检查代码的风格和格式（如每行缩进几个空格，注释前后空几行等）。