Atom 常用前端插件

对于 Web 开发者来说很有用的 Atom 插件！刚接触 Atom ?



 



这是一个适用于 Web 开发者的 Atom 插件列表。 有了这些插件帮助， Atom 可以为我们提供类似 IDE 的功能.

目录

快速开始
语法支持
自动补全
语法检查
版本控制
项目管理
扩展功能

快速开始

下载 apm.sh
执行 apm.sh
重启 Atom

在你执行 shell 脚本之前, 请确保你已经安装 Atom !

语法支持

language-babel

ES2016、ESNext、JSX 语法扩展

language-vue

vue 语法扩展，颜色

language-postcss

PostCSS 语法高亮

自动补全

autocomplete-modules

模块名自动补全

autocomplete-paths

路径自动补全

atom-ternjs

ES5, ES6, ES7, Node.js, jQuery, Angular 等等 js 代码自动补全

emmet

快速手写 HTML, CSS, Sass / SCSS / LESS

语法检查

linter

基本语法检查框架

linter-jshint

基于 jshint 的 JavaScript 语法检查插件

linter-eslint

基于 ESLint 的 JavaScript 语法检查插件

editorconfig

多人协作开发，不同编辑器之间保持一致的编码风格

版本控制

Atom 最新的核心组件，集成了 Git 和 GitHub 功能！你可以试试看！
git-plus

丢掉终端，在 Atom 里面执行 Git 命令

merge-conflicts

通过 Atom 处理冲突的文件

项目管理

project-manager

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

扩展功能

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 状态

simplified-chinese-menu

ATOM的汉化插件