Atom安装与配置

Atom是GitHub出品的前端开发工具，支持多种插件，堪称web开发神器。

1、下载安装包

在浏览器中输入https://atom.io/，接着可以看到下载的提示，请根据实际下载。

1.png

2、双击安装

安装完成之后会默认打开IDE，如下图：

安装成功

3、安装插件

注意：需要科学上网！否则插件会安装不上。

安装插件第一步：选择IDE的File接着选择Settings

准备安装插件

第二歩：选择 Install，Install Packages下方输入框输入插件名字，输入完毕后点击 Packages，稍后会出现一些待安装的选项，从中选择正确的一项点击“Install”即可进行插件的安装。安装成功后，会出现如图的3个操作按钮。

安装插件

插件列表：

• emmet 生成符合语法规则的HTML
• atom-beautify 辅助缩进
• autocomplete-paths 补全文件名
• api-docs 文档查阅
• linter-csslint 检查css
• linter-htmlhint 检查html
• linter-eslint 检查js
• linter 语法检查

安装结束插件离开发就差写一行代码的距离了。

PS：开发工具有很多这边仅做一些演示，因为这也是我第一次使用这样一款IDE。您依然可以根据自己的喜好选择自己用的顺手的IDE，就像挑选趁手的兵器一样。