初次接触这个编辑器，发现比sublime好用。折腾一上午，由于各种不懂尤其是安装插件浪费好长时间，其实很简单。废话不多说，直接开始。（希望能够对你有帮助）
1.下载
Atom官网
下载之后双击文件AtomSetup-x64.exe
运行有点慢，稍微等一会。之后显示这个界面
2. 配置环境变量
安装Atom过程太轻松了什么都不需要，是不是有点慌，安装在哪里呢？ 由于我们安装插件需要用到apm这里命令，这里需要将其添加到环境变量里面，如图。 在桌面Atom图标→右击→属性→查看安装位置。我的安装位置是在：C:\Users\erdou\AppData\Local\atom。 现在配置环境变量：在PATH后面添加
;C:\Users\erdou\AppData\Local\atom\bin
注意前面有一个英文状态分号。 这样就可以使用apm命令了。
打开命令窗口看是否可以使用apm Win+R → cmd → apm ls 查看安装了哪些包：
apm ls
如果没有安装插件会显示：
Community Packages (0)
后来发现其实也可以不用配置apm环境变量。有npm就可以了。不知道会不会有影响（如果有问题后续会完善）。
菜单栏
File文件的保存打开,项目的保存打开,最后一次的项目加载,关闭及设置中心,以及用户自定义的配置(配置文件,初始化脚本,样式风格,代码片段,快捷键配置文件)等Edit文件编辑的操作,文件编码格式,及行跳转等View重载页面,全屏,字体大小的缩放等Find都是关于查询的 ,跟Sublime text极其相似,快捷键基本一样Package包,就是插件列表的集合点Help帮助文档,软件更新,协议等
3. 更改atom主题
下载方法：在install页搜索seti_ui等主题名称即可,（主题seti_ui的作者：jesseweed）
4.atom插件安装
1.方法一、
这是最简单的插件安装，但可能会安装很慢。（如果安装特别慢，就直接用方法二）
2.方法二、
以安装emmet插件为例子：
Ctrl+Shift+P: 打开面板 输入：install packages选择install Packages Themes输入要安装的插件名字emmet点入插件介绍 找到github地址打开git切换到 C:\Users\erdou.atom\packagesgit clone https://github.com/emmetio/emmet-atom切换到安装的插件文件夹cd emmet-atomnpm install重启Atom
下面是参考：
cd ~/.atom/packages
git clone https://github.com/emmetio/emmet-atom
cd emmet-atom
npm install
3.前端必备插件
atom-html-preview — 浏览器实时预览效果 （得更改快捷键，快捷键更改方法在下面）color-picker — 取色器,太赞了有木有,,比sublime那个好用,不卡,启动超快emmet — HTML,CSS快速编写的神器，emmet官网还有视频演示atom-ternjs—-JavaScript 自动补全插件还可以配置语言版本和脚本库docblockr — 代码注释工具，提供代码注释的模板jquery-snippets — jQuery 代码段javascript-snippets — JavaScript 代码段atom-ternjs — JavaScript 自动补全插件还可以配置语言版本和脚本库atom-beautify — 格式化代码autocomplete-paths — 路径补全，比如下找到某个图片的位置autocomplete-sass — sass 语法自动补全atom-bootstrap3 — bootstrap3代码提示autocomplete-plus — 完善自带autocomplete 代码自动补全插件autoprefixer — 自动给 css 文件中的属性添加厂商前缀project-manager — 强大的，快速的打开项目的插件，非常的有用run-in-browser — 将当前的 html 在浏览器中打开open-in-browser — 将当前的 html 在浏览器中打开linter — 代码验证插件 （下面是前端可能用到的）
linter-jshint, for JavaScript and JSON, using jshintlinter-coffeelint, for CoffeeScript, using coffeelintlinter-scss-lint, for SASS/SCSS, using scss-lintlinter-less, for LESS, using lesslinter-csslint, for CSS, using csslint
显示效果插件
react — 对 react 语法高亮支持，并且有补全效果file-icons — 在目录树 tree-view 的文件前面加上响对应的 logohighlight-column — 高亮当前光标所在的列highlight-line — 高亮当前光标所在的行highlight-selected — 在当前编辑的文件中高亮全部匹配的单词pigments — 对 css 文件中使用的颜色进行响应颜色的高亮minimap — 用过Sublime Text的都知道有一个很实用的功能,就是内部编辑有一个小小的代码图,这货就是补全atom这个功能的,支持高亮代码
美化篇插件
file-icons — 增加许多图标,在侧边蓝文件名前面的icon,,很赞filetype-color — amazing,,在标签栏不同格式文件显示不同的颜色的标题,支持二度设置color-picker — 调色板，可以选中自己钟意的颜色，而且可以在面板中调整透明度
markdown写作工具插件
markdown-scroll-sync—-编写 markdown 可以根据写到的部位，右边预览可以实时的滚动markdown-table-formatter—-对 markdown 语法绘制的表格格式化
协作篇插件
git-plus — 与Sublime Text 的sublimegit功能基本一致
（有好的插件会继续更新补充）
5.如何更改Atom快捷键
1.打开keymap.cson文件：
2.把要改的快捷键写在最下面，依次添加。
'atom-text-editor':
# F12在浏览器预览html页面
'f12':'rib:run-in-browser'
#右边栏实时浏览器调用快捷键
'ctrl-F12':'atom-html-preview:toggle'
6. 快捷键
英文中文快捷键功能New Window新建界面窗口Ctrl + Shift + N如中文意思New File新建文件Ctrl + N如中文意思Open File打开文件Ctrl + O如中文意思Open Folder打开文件夹Ctrl + Shift + O如中文意思Add Project Folder加载项目目录Ctrl + Alt + O如中文意思Reopen Last Item重新加载上次项目Ctrl + Shift + T如中文意思Save保存文件Ctrl + S如中文意思Save As另存为Ctrl + Shift +S如中文意思Close Tab关闭当前编辑文档Ctrl + W如中文意思Close Window关闭编辑器Ctrl + Shift + W如中文意思Undo撤销Ctrl + Z如中文意思Redo重做Ctrl + Y如中文意思Cut剪切Shift + Delete如中文意思Copy复制Ctrl + Insert如中文意思Copy Path复制文档路径Ctrl + Shift + C如中文意思Paste粘贴Shift + Insert如中文意思Select All全选Ctrl + A如中文意思Select Encoding选择编码Ctrl + Shift +U就是设置文件的编码Go to Line跳转到某行Ctrl + G支持行列搜索,Row:ColumnSlect Grammar语法选择Ctrl + Shift + L和Sublime的Syntax设置功能一样Reload重载Ctrl+ Alt +R重新载入当前编辑的文档Toggle Full Screen全屏F11如中文意思Increase Font Size增大字体Ctrl + Shift + “+”Sublime的Ctrl + 也能生效Decrease Font Size减小字体Ctrl + Shift + “-“Sublime的Ctrl - 也能生效Toggle Tree View展示隐藏目录树Ctrl +Sublime的Ctrl+K,+B这里也可以生效Toggle Commadn palette全局搜索面板Ctrl + Shift + P和Sublime的大同小异Select Line选定一行Ctrl + L如中文意思Select First Character of Line选定光标至行首Shift + Home如中文意思Slect End of Line选定光标至行尾Shift + End如中文意思Select to Top选定光标处至文档首行Ctrl + Shift + Home就是光标处作为分割线,取文档上部分Select to Bottom选定光标处至文档尾行Ctrl + Shfit + End就是光标处作为分割线,取文档下部分Find in Buffer从缓存器搜索Ctrl + F与Sublime一致Replace in Buffer高级替换Ctrl + Shift + F与Sublime一致Select Next匹配选定下一个Ctrl + D和Sublime一模一样有木有Select All匹配选定所有Alt + F3和Sublime一模一样有木有Find File查询文件,选定打开Ctrl + P与Sublime不一样Delte End of Word删除光标处至词尾Ctrl + Del如中文意思Duplicate Line复制当前行追加到后面Ctrl + Shift + D如中文意思Delete Line删除一行Ctrl + Shift + K如中文意思Toggle Comment启用注释Ctrl + /与Sublime一致Toggle developer tools打开Chrome调试器Ctrl + Alt + I神奇啊Indent增加缩进Ctrl + [向右缩进Outdent减少缩进Ctrl + ]向左缩进Move Line Up行向上移动Ctrl + up如字面意思Move Line Down行向下移动Ctrl + Down如字面意思Join Lines行链接Ctrl + J追加newline-below光标之下增加一行Ctrl + Enter与sublime 一致editor:newline-above光标之上增加一行Ctrl + Shift + Enter与sublime 一致pane:show-next-item切换编辑的标签页Ctrl + Tab如中文意思Fuzzy Finder文件跳转面板Ctrl + T如字面意思Select Line Move above选中行上移Ctrl + up如中文意思Select Line Move below选中行下移Ctrl + down如中文意思Symbol-view进入变量、函数跳转面板。Ctrl + R如中文意思
💡 关键要点
初次接触这个编辑器，发现比sublime好用。折腾一上午，由于各种不懂尤其是安装插件浪费好长时间，其实很简单。废话不多说，直接开始。（希