Atom 常用前端插件

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

 

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

目录

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

快速开始

1. 下载 apm.sh
2. 执行 apm.sh
3. 重启 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的汉化插件