Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/iawia002/awesome-atom

Some useful Atom packages
https://github.com/iawia002/awesome-atom

List: awesome-atom

Last synced: 28 days ago
JSON representation

Some useful Atom packages

Host: GitHub
URL: https://github.com/iawia002/awesome-atom
Owner: iawia002
License: mit
Created: 2016-08-22T09:42:21.000Z (over 8 years ago)
Default Branch: master
Last Pushed: 2016-09-06T03:38:41.000Z (over 8 years ago)
Last Synced: 2024-04-14T04:59:57.480Z (8 months ago)
Size: 19.5 MB
Stars: 3
Watchers: 3
Forks: 1
Open Issues: 0
Metadata Files:
- Readme: README-cn.md
- License: LICENSE

Awesome Lists containing this project

ultimate-awesome - awesome-atom - Some useful Atom packages. (Other Lists / PowerShell Lists)

README

        # Awesome Atom

一些有用的 Atom 插件

[English](README.md)

## 目录

* [主题](#Themes)

  * [atom-material-ui](#atom-material-ui)

* [通用](#Common)

  * [relative-numbers](#relative-numbers)

  * [trailing-spaces](#trailing-spaces)

  * [vim-mode](#vim-mode)

  * [ex-mode](#ex-mode)

  * [minimap](#minimap)

  * [minimap-pigments](#minimap-pigments)

  * [autocomplete-paths](#autocomplete-paths)

  * [atom-beautify](#atom-beautify)

  * [imdone-atom](#imdone-atom)

  * [Nuclide](#Nuclide)

  * [linter](#linter)

  * [highlight-selected](#highlight-selected)

  * [project-manager](#project-manager)

  * [file-icons](#file-icons)

  * [activate-power-mode](#activate-power-mode)

  * [regex-railroad-diagram](#regex-railroad-diagram)

  * [split-diff](#split-diff)

* [HTML](#HTML)

  * [emmet](#emmet)

  * [tag](#tag)

* [CSS](#CSS)

  * [color-picker](#color-picker)

  * [autoprefixer](#autoprefixer)

  * [pigments](#pigments)

  * [linter-scss-lint](#linter-scss-lint)

* [JavaScript](#JavaScript)

  * [linter-jshint](#linter-jshint)

  * [linter-eslint](#linter-eslint)

  * [hyperclick](#hyperclick)

  * [js-hyperclick](#js-hyperclick)

  * [language-babel](#language-babel)

* [python](#python)

  * [autocomplete-python](#autocomplete-python)

  * [linter-flake8](#linter-flake8)

  * [python-tools](#python-tools)

##  主题

*  [atom-material-ui](https://atom.io/themes/atom-material-ui) - 遵循 Google Material Design 设计原则的主题

![](imgs/atom-material-ui.png)

##  通用

*  [relative-numbers](https://atom.io/packages/relative-numbers) - 显示相对行号

![](imgs/relative-numbers.gif)

*  [trailing-spaces](https://atom.io/packages/trailing-spaces) - 高亮多余的空格

![](imgs/trailing-spaces.jpeg)

*  [vim-mode](https://atom.io/packages/vim-mode) - vim 模式

*  [ex-mode](https://atom.io/packages/ex-mode) -  vim 模式的扩展

*  [minimap](https://atom.io/packages/minimap) - 完整代码的小地图预览

![](imgs/minimap.png)

*  [minimap-pigments](https://atom.io/packages/minimap-pigments) - 在 [minimap](#minimap) 中展示 [pigments](#pigments) 颜色

![](imgs/minimap-pigments.png)

*  [autocomplete-paths](https://atom.io/packages/autocomplete-paths) - 路径自动补全

![](imgs/autocomplete-paths.gif)

*  [atom-beautify](https://atom.io/packages/atom-beautify) - 自动美化 HTML, CSS, JavaScript, PHP, Python, Ruby, Java, C, C++, C#, Objective-C, CoffeeScript, TypeScript, Coldfusion, SQL 等等

美化之前 | 美化之后

------|-----

原始 HTML | 美化的 HTML

![](imgs/atom-beautify-1.png) | ![](imgs/atom-beautify-2.png)

*  [imdone-atom](https://atom.io/packages/imdone-atom) - 任务列表

*  [Nuclide](https://atom.io/packages/nuclide) - Nuclide 为 Atom 提供了非常多 IDE 的特性

*  [linter](https://atom.io/packages/linter) - 基础语法检查模块

![](imgs/linter.gif)

*  [highlight-selected](https://atom.io/packages/highlight-selected) - 高亮选中的部分

![](imgs/highlight-selected.gif)

*  [project-manager](https://atom.io/packages/project-manager) -  Atom 项目管理工具

![](imgs/project-manager.gif)

*  [file-icons](https://atom.io/packages/file-icons) - 给不同类型的文件加上不同的图标

![](imgs/file-icons.png)

*  [activate-power-mode](https://atom.io/packages/activate-power-mode)

![](imgs/activate-power-mode.gif)

*  [regex-railroad-diagram](https://atom.io/packages/regex-railroad-diagram) - 图形化显示正则表达式

![](imgs/regex-railroad-diagram.png)

*  [split-diff](https://atom.io/packages/split-diff) - diff 工具

![](imgs/split-diff.gif)

##  HTML

*  [emmet](https://atom.io/packages/emmet) - HTML 标签自动补全

*  [tag](https://atom.io/packages/tag) - Sublime Text 风格的标签自动闭合

![](imgs/tag.gif)

##  CSS

*  [color-picker](https://atom.io/packages/color-picker) - CSS 颜色选择器

![](imgs/color-picker.gif)

*  [autoprefixer](https://atom.io/packages/autoprefixer) - 自动为 CSS 和 Sass 添加浏览器前缀

![](imgs/autoprefixer-1.gif)

![](imgs/autoprefixer-2.gif)

*  [pigments](https://atom.io/packages/pigments) - 在文件中展示颜色代码的颜色

![](imgs/pigments.gif)

*  [linter-scss-lint](https://atom.io/packages/linter-scss-lint) - Scss(Sass) 语法检查

##  JavaScript

*  [linter-jshint](https://atom.io/packages/linter-jshint) - JavaScript 语法检查，使用 jshint

*  [linter-eslint](https://atom.io/packages/linter-eslint) - JavaScript 语法检查，使用 ESLint

*  [hyperclick](https://atom.io/packages/hyperclick) - 可扩展的文本点击事件插件

![](imgs/hyperclick.gif)

*  [js-hyperclick](https://atom.io/packages/js-hyperclick) - 变量定义跳转

![](imgs/js-hyperclick.png)

*  [language-babel](https://atom.io/packages/language-babel) - Babel, React JSX 语法支持

##  python

*  [autocomplete-python](https://atom.io/packages/autocomplete-python) - Python 包、变量、方法和函数的自动补全

![](imgs/autocomplete-python.gif)

*  [linter-flake8](https://atom.io/packages/linter-flake8) - python 语法检查，使用 flake8

![](imgs/linter-flake8.gif)

*  [python-tools](https://atom.io/packages/python-tools) - 变量跳转、代码重构、变量重命名等工具

显示用法

![](imgs/python-tools-show-usages.gif)

跳转到定义处

![](imgs/python-tools-goto-definition.gif)

选择整个字符串

![](imgs/python-tools-select-string-contents.gif)