Atom前端必备插件​

• 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 jshint
  • linter-coffeelint, for CoffeeScript, using coffeelint
  • linter-scss-lint, for SASS/SCSS, using scss-lint
  • linter-less, for LESS, using less
  • linter-csslint, for CSS, using csslint

显示效果插件

• react — 对 react 语法高亮支持，并且有补全效果
• file-icons — 在目录树 tree-view 的文件前面加上响对应的 logo
• highlight-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功能基本一致

（有好的插件会继续更新补充）