前端 atom 插件必备,让你写代码如虎添翼

atom是github出的一款编辑器，漂亮的界面，丰富的扩展性深受特别是前端程序员的喜爱，如今越来越火，那么我们来看看必备的插件，让你如虎添翼

1 语法支持

atom-chs-menu （ - 编辑器汉化，你懂的）language-babel （ - ES2016、ESNext、JSX 语法扩展）language-postcss （ - PostCSS 语法高亮）

---

2 自动补全

autocomplete-modules （ - 模块名自动补全）autocomplete-paths （ - 路径自动补全）atom-ternjs （ - ES5, ES6, ES7, Node.js, jQuery, Angular 等等 js 代码自动补全）emmet （ - 快速手写 HTML, CSS, Sass / SCSS / LESS）

---

3 语法检查

linter （ - 基本语法检查框架）linter-jshint （ - 基于 jshint 的 JavaScript 语法检查插件）linter-eslint （ - 基于 ESLint 的 JavaScript 语法检查插件）editorconfig （ - 多人协作开发，不同编辑器之间保持一致的编码风格）

---

4 版本控制

git-plus （ - 丢掉终端，在 Atom 里面执行 Git 命令Atom 最新的核心组件，集成了 Git 和 GitHub 功能！你可以试试看！）merge-conflicts （ - 通过 Atom 处理冲突的文件）

5 项目管理

---

project-manager （ - 让你轻松访问你的所有项目，同时可通过额外配置管理你的项目 ）

---

6 扩展功能

minimap （ - 源码预览图 ）file-icons （ - 显示文件类型对应的图标 ）atom-beautify （ - 代码格式化 ）pigments （ - 代码颜色可视化）color-picker （ - 取色器）highlight-selected （ - 高亮选中）minimap-highlight-selected （ - 源码预览图中高亮选中）docblockr （ - 注释插件）markdown-preview-plus （ - markdown 实时预览）hyperclick （ - 跳转到变量定义文件，需要配合 js-hyperclick 使用）js-hyperclick （ - 跳转到变量定义文件，需要配合 hyperclick 使用 ）travis-ci-status （ - 底部状态栏扩展，添加项目 Travis CI 状态）platformio-ide-terminal （ - 通过 Ctrl + ` 触发嵌入在 Atom 的终端 ）sync-settings （ - 备份 Atom 的包和设置至 Gist，易还原 ）