提升编写代码速率的前端atom插件有哪些

小编给大家分享一下提升编写代码速率的前端atom插件有哪些，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

创新互联是一家专业提供丰城企业网站建设,专注与做网站、成都网站制作、H5页面制作、小程序制作等业务。10年已为丰城众多企业、政府机构等服务。创新互联专业网络公司优惠进行中。

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，易还原 ）

以上是“提升编写代码速率的前端atom插件有哪些”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！