小编给大家分享一下提升编写代码速率的前端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，易还原 ）