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