Atom安装与配置

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

1、下载安装包

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

Atom安装与配置_第1张图片
1.png

2、双击安装

安装完成之后会默认打开IDE,如下图:

Atom安装与配置_第2张图片
安装成功

3、安装插件

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

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

Atom安装与配置_第3张图片
准备安装插件

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

插件列表:

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

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

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

你可能感兴趣的:(Atom安装与配置)