Atom 有什麼優秀插件？
若是C ／ C++的話，我推薦ATOM的這幾個插件
最近寫了兩個插件，優秀可能談不上，但是插件代碼的每一個字元都是走了心的~ 
第一個是 px2rem+，一個用於轉換 px(像素) 到 rem 單位的 Atom 編輯器插件，詳情: 知乎專欄
第二個是 tree-view-sort，用於給 tree-view 增加排序功能，支持的排序類型：文件名、文件擴展名、文件大小、文件創建時間、文件訪問時間、文件修改時間、文件改變時間，也支持升序和降序排序，詳情: tree-view-sort希望對大家有幫助。
老王賣瓜，自賣自誇，Atom 比較方便的地方是可以用 javascript/coffee 給 Atom寫插件，並且寫起來很簡單，我剛按說明給 Atom 寫了一個插件：atom-shell-commands用戶自定義 Shell 命令，類似 NotePad++ 中的 "Run Commands」，EditPlus/UltraEdit裡面的"User Tool"，以及 GEdit 中的 "External Tool" 和 TextMate 里的 「Shell Command」。1. 用戶可以自定義工具，並且配置到 Atom 中，比如一鍵調用編譯器，一鍵運行，2. 輸出結果會顯示再底部的 bottom panel 中3. 點擊錯誤輸出可以跳轉到對應有錯誤的文件上去4. 自定義正則表達式匹配錯誤輸出中包含的文件名和行號。5. 全平台支持，再 Mac/Ubuntu/Windows 下充分的測試過。初始化
再你的用戶配置中（Atom File-&>Open Your Config或者 ~/.atom/config.cson），寫入類似：
"atom-shell-commands":
commands: [
{
name: "compile"
command: "d:/dev/mingw/bin/gcc"
arguments: [
"{FileName}"
"-o"
"{FileNameNoExt}.exe"
]
options:
cwd: "{FileDir}"
keymap: "ctrl-2"
}
]
每條命令可以通過如下欄位來表示：
name: 名字（必填）
command: 可執行路徑（必填）
arguments: 參數（選填）
options: 擴展參數用來配置當前工作路徑，文件是否保存，快捷鍵，環境變數等 （選填）
所有配置支持如下宏：
{FileName} 當前正在編輯的文件名（不包括路徑）
{FilePath} 包含全路徑的文件名
{FileNameNoExt} 沒有路徑和擴展名的文件名
{FileExt} 文件擴展名
{FileDir} 文件路徑
{ProjectDir} 工程路徑（如果有工程的話）
{ProjectRel} 文件相對於工程的路徑（如果有工程的話）
{CurRow} 當前行
{CurCol} 當前列
{CurLineText} 當前行的文本
{CurSelected} 當前選中文本
比如：調用 gcc / cl 一鍵調用編譯功能
如何評價 GitHub 發布的文本編輯器 Atom？ - 韋易笑的回答
--我是 atom 深度用戶（1000+小時使用者），這個答案是試著想把 atom 玩6的前端開發者的福音，滿滿乾貨
原文在我博客裡面（博客里支持 md 渲染，看我博客也要記得點贊，收藏也要點贊）我是寫了一個系列的 atom tips http://simplyy.space/tag/56ecd7303aae9e5a65c46d63
其中包括- 介紹（http://simplyy.space/article/56ecd7303aae9e5a65c46d64）
- 常用操作（http://simplyy.space/article/56ecd89a39a1954f69680f1e）
- web 開發常用插件（http://simplyy.space/article/56ecd89a39a1954f69680f1f）
我這裡把 web 開發常用插件 貼到這裡，
# atom tips(2):web 開發常用插件
## 使用 package 的步驟
0. search it in setting pane install option1. read readme（important，雖然大部分插件看名字就知道用途，但 readme 會寫更詳細的用途，一樣的東西，不同人用的效果可以非常不同）2. think whether you need it, if yes install it3. set its setting （if it has setting，think how you want use it，非常重要，這步就是根據你的需求定製你的插件）4. run it（or test it feature）## 提示
講真，atom 的 packages 非常非常的棒，下載、使用、發布都非常簡單，無論是用別人的 amazing 的 package，還是自己動手弄一個 useful package，都很方便。不過，**工具的意義在於使用，而不是在於炫技**，我這裡寫的是我平常用到的第三方插件，不同的人群當然有不同的需求，我的插件 osx 下都很表現不錯，win 下不能保證，我也是不斷試錯、思考、更新，才得到現在的插件列表，每一個插件我都用過不止10次，有的插件甚至每天都用10次（比如我自己寫的那個，逃），所以大家也應該選取對自己自己常用的，自己用得好才是真的好。
而且即便使用成本低，但是也只有用心去用才能用的好，用的優雅。
## packages
### markdown
&> atom 現在已經成為我的最佳 markdown 編輯器，有了下面的插件後，使用體驗，簡直太棒了。- markdown-preview-plus@2.2.2
- markdown-assistant@0.1.0(Upload images from the clipboard automatically, win10 下失敗，osx 完美成功，粘貼圖片直接轉成 md 文本，不要太棒，優雅的沒朋友)- qiniu-uploader@0.0.3- markdown-writer@2.3.2(在設置裡面設置一下，就擁有了正常 md 編輯器的編輯 md 的各種快捷鍵 例如 cmd + b, cmd + shift + k 插入鏈接，而且更棒非常值得一試)- markdown-toc@0.4.1### autocomplete
- atom-ternjs@0.13.2(js 最佳補全插件)- simplyy-snippets@0.4.4(我寫的 web 前端代碼補全插件，詳情見GitHub - SimplyY/simplyy-snippets: atom package for code complete)
- css-snippets@0.9.0- autocomplete-html-entities@0.1.0- tag@0.3.0- autocomplete-modules@1.4.1### indent
- guess-indent@0.1.0- resize-indent@0.2.1### code hint and linter
- linter@1.11.3- jshint@1.8.3
- jsonlint@1.1.2- csslint@1.1.4- htmlhint@1.1.3### ui
- activate-power-mode@0.4.1(雖然很炫酷，但是我不用)- file-icons@1.6.18(讓你擁有高顏值的文件圖標)- pigments 代碼顏色可視化- foldername-tabs@0.1.11- highlight-column@0.5.1- highlight-selected@0.11.2- indent-guide-improved@1.4.5- minimap@4.21.0- fold-comments@0.6.0- fold-functions@0.4.3### git project
- merge-conflicts@1.3.7(amazing ，再也不怕 git 的合併衝突了，分分鐘解決 conflicts)- git-projects@1.17.0### language
- language-SCSS@0.4.0- language-vue@0.9.0- react@0.14.1### other tools
- atom-beautify@0.28.26（格式化代碼）- line-count@0.5.0- change-case@0.6.0（將代碼文本更改風格，比如 testCode =&> TEST_CODE）- todo-show@1.4.0- open-html-in-browser@0.1.0- pretty-json@0.4.1### Tree-view
- tree-view-copy-relative-path@1.0.0- copy-filename@1.0.1- tree-view-git-status@0.2.3- chary-tree-view@0.2.3(Tree-view responds to only double-click to avoid opening a large file accidentally.)### amazing useful
- terminal-plus（不推薦 win 用）osx 下效果圖：
自我推銷下：elastic-tabstops
——少數正確實現了 Elastic tabstops 的編輯器插件。
BTW，在本周日（2016年3月27日）的TopGeek前端開發者大會2016上，我會分享《程序員的聖戰之TAB vs SPACE》並順帶介紹 Elastic tabstops。演講 slide：http://johnhax.net/2016/tab-vs-space/
如果是寫 Markdown 的話。
我強烈推薦 markdown-preview-enhanced 了，網址是 markdown-preview-enhanced 。中文文檔的地址在 Markdown Preview Enhanced 中文 。比 Atom 原生的 markdown preview 強很多。(正確的來說應該是吊打官方的版本)功能有
- 編輯器與預覽滑動同步
- 類 latex 數學編輯
- 流程圖，時序圖，各種圖形支持
- TOC 自動更新
- 便捷的圖片上傳和拷貝
- 輸出 HTML （移動端也完美顯示）
- 輸出 PDF, PNG, JPEG 文檔
- 創建 Presentation，詳情可以看 presentation-intro
- 輸出 ePub, Mobi, PDF 電子書。
- Pandoc 渲染和文檔導出
- 外部文件引用，例如 csv 會自動轉為表格。
- 在文本中運行代碼，例如 Python Matplotlib 等
- 創建任務列表, footnote 等。
- LaTeX 輸出，TikZ 圖形等
- 等等等等。。。
當然現在可能還存在很多 bug 啦，如果有人用的話我會很高興 
發現 bug 的話請上 github 給我提 issue。
地址是 GitHub - shd101wyy/markdown-preview-enhanced: The amp;amp;#x27;Bestamp;amp;#x27; markdown preview for atom editor
--------------------------------------------------------------------------------------------------------
Visual Studio Code 版本也支持了，我感覺我要叛逃陣營了）
Markdown Preview Enhanced - Visual Studio Marketplace
整理了常用的插件，大家可以參考下~
/////////////////////////////////////////////////////////////////////////////////////////
縮進格式化
atom-beautify
地址: https://atom.io/packages/atom-beautify git: https://github.com/Glavin001/atom-beautify.git indent-guide-improved 地址: https://github.com/harai/indent-guide-improved---------------------------------------------------------------------------
高亮:
選擇高亮 highlight-selected 地址: https://atom.io/packages/highlight-selected github:https://github.com/richrace/highlight-selected selection-highlight 地址: https://atom.io/packages/selection-highlight括弧高亮
atom-bracket-highlight 地址: https://atom.io/packages/atom-bracket-highlight git: https://github.com/pvorona/atom-bracket-highlight.git fancy-bracket-matcher 地址: https://atom.io/packages/fancy-bracket-matcher git: https://github.com/Evpok/fancy-bracket-matcher.git其他高亮
highlight-line 地址: https://atom.io/packages/highlight-line git: https://github.com/richrace/highlight-line.git---------------------------------------------------------------------------
minimap相關:
minimap-highlight-selected
地址: https://atom.io/packages/minimap-highlight-selected minimap-find-and-replace 地址: https://github.com/atom-minimap/minimap-find-and-replace minimap-bookmarks 地址: https://github.com/atom-minimap/minimap-bookmarks minimap-pigments 地址: https://github.com/abe33/minimap-pigments minimap-cursorline 地址: https://github.com/atom-minimap/minimap-cursorline minimap-linter 地址: https://github.com/AtomLinter/atom-minimap-linter---------------------------------------------------------------------------
statusBar
indentation-indicator 地址: https://atom.io/packages/indentation-indicator git: https://github.com/lee-dohm/indentation-indicator.gitTime status
地址: https://github.com/JoeFyhrCeesay/time-statustab-control
地址: https://atom.io/packages/tab-control git: https://github.com/lexicalunit/tab-control.gitline-count-status
地址: https://atom.io/packages/line-count-status git: https://github.com/olmokramer/atom-line-count-status.git filesize 地址: https://atom.io/packages/filesize git: https://github.com/mkautzmann/atom-filesize.git status-bar-clock 地址: https://atom.io/packages/status-bar-clock git: https://github.com/wstucco/status-bar-clock.gitfile-icons
地址: https://atom.io/packages/file-icons git: https://github.com/DanBrooker/file-icons.gitBattery Status
地址: https://atom.io/packages/battery-status git: https://github.com/cmd-johnson/atom-battery-status.git---------------------------------------------------------------------------
標籤欄增強
Tab Switcher 地址: https://atom.io/packages/tab-switcher git: https://github.com/oggy/tab-switcher.git new-tab 地址: new-tab git: https://github.com/jerone/atom-new-tab.git---------------------------------------------------------------------------
顏色相關:
color-picker
地址: https://atom.io/packages/color-picker git: https://github.com/thomaslindstrom/color-picker.git pigment 地址: https://github.com/abe33/atom-pigments---------------------------------------------------------------------------
vim:
vim-mode 地址: https://atom.io/packages/vim-mode git: https://github.com/atom/vim-mode.git ex-mode 地址: https://atom.io/packages/ex-mode---------------------------------------------------------------------------
搜索跳轉:
smalls(atom版easymotion)
地址: https://atom.io/packages/smalls easy-motion 地址: https://atom.io/packages/easy-motion jumpy 地址: https://atom.io/packages/jumpy---------------------------------------------------------------------------
文檔及注釋:
Docblockr 地址: https://atom.io/packages/docblockr block-comment-lines 地址: https://atom.io/packages/block-comment-lines git: https://github.com/kaasbaardje/block-comment-lines.git---------------------------------------------------------------------------
Lint工具:
linter-csslint 地址: https://github.com/AtomLinter/linter-csslint---------------------------------------------------------------------------
web工具:
emmet-atom 地址: https://atom.io/packages/emmet git: GitHub - emmetio/emmet-atom: Emmet support for Atom auto-id-class 地址: https://atom.io/packages/auto-id-class open-html-in-browser 地址: https://atom.io/packages/open-html-in-browser autoprefixer 地址: https://atom.io/packages/autoprefixer關聯瀏覽器:
open-in-browser 地址: https://atom.io/packages/open-in-browser open-in-browsers 地址: https://github.com/skandasoft/open-in-browsers Atom HTML Preview 地址: https://atom.io/packages/atom-html-preview---------------------------------------------------------------------------
git工具:
Git-Plus 地址: https://github.com/akonwi/git-plus atom git status 地址: https://github.com/igorzoriy/atom-git-status git-time-machine 地址: https://github.com/littlebee/git-time-machine Git Log 地址: https://github.com/NikhilKalige/git-log正則:
regex-railroad-diagram 地址: https://atom.io/packages/regex-railroad-diagram---------------------------------------------------------------------------
通用:
文件及路徑: autocomplete-paths 地址: https://atom.io/packages/autocomplete-paths advanced-new-file 地址: https://atom.io/packages/advanced-new-file Advanced Open File 地址: https://github.com/Osmose/advanced-open-file tree-view-copy-relative-path 地址: https://github.com/vladimir-tikhonov/tree-view-copy-relative-path copy-path 地址: https://atom.io/packages/copy-path git: https://github.com/s-shin/atom-copy-path.git標點符號:
trailing-semicolon 地址: https://github.com/pimartin/trailing-semicolon 游標: Glowing Cursor 地址: https://github.com/Matthew-Smith/atom-glowing-cursor字元編碼:
ConvertToUTF8 地址: https://github.com/dongri/convert-to-utf8摺疊
fold-comments 地址: https://atom.io/packages/fold-comments git: https://github.com/jenius/atom-fold-comments.git亂數假文
img-placeholder 地址: https://github.com/maxxcrawford/img-placeholderpdf-view
地址: https://atom.io/packages/pdf-view---------------------------------------------------------------------------
多媒體
atom-music 地址: https://atom.io/packages/atom-music git: https://github.com/sdinesh86/atom-music.git audio 地址: https://atom.io/packages/audio git: https://github.com/jiborobot/atom-audio.git video-player 地址: https://atom.io/packages/video-player git: https://github.com/tyage/video-player.git---------------------------------------------------------------------------
包管理
package-list 地址: https://atom.io/packages/package-list git: https://github.com/mark-hahn/package-list.git---------------------------------------------------------------------------
同步:
sync-settings 地址: https://atom.io/packages/sync-settings/////////////////////////////////////////////////////////////////////////////////////////瀉藥。activate-power-mode 裝逼一流emmet 寫HTMLfile-icons 圖標很漂亮local-history 本地緩存文件tortoise-svn svn插件https://atom.io/packages/pigments 顏色可視化
Haskell 那一套特別好使，雖說只是調用 binary，不過點安裝再填上 path 就能用，比別的編輯器省事不少。
- language-haskell
- ide-haskell（含 stylish-haskell）
- haskell-ghc-mod
- autocomplete-haskell
還有
- https://atom.io/packages/haskell-pointfree
- linter-hlint
binary 之類用 stack 裝上就好，主題是這個：duotone-dark-sea-syntax
也可以參考這篇：http://www.edsko.net/2015/03/07/vim-to-atom/
推薦幾款我常用的atom插件。
之前文本編輯器用的是sublime，後來一個學弟推薦了atom，發現atom的插件配置起來更方便一些，而且對markdown的支持很好（可以預覽），所以就果斷轉過來了，轉的過程發現atom裡面很多東西和sublime很像，所以熟悉的還是蠻快的。0. activate-power-mode
Package URL: activate-power-mode 炫酷的代碼效果... 雖然平時寫代碼的時候不會enable這個插件，不過還是可以留下來作為裝逼工具=。= 感覺很多人都是通過這個插件知道atom的。 知乎上不了gif，我就截了一個屏。 gif效果可以在activate-power-mode裡面看見。
1. minimap
Package URL: minimap minimap提供了和sublime一樣的縮小版的代碼預覽功能：
5. docblockr
Package URL: docblockr 用來方便寫注釋的插件，可以根據情況生成不同的注釋格式。 一個根據函數自動生成注釋的例子：
看來沒有 tasks，用來做任務列表，Ctrl + Enter 新建，Ctrl + D 完成，Alt + C 取消。
Packages make Atom do amazing things
Atom有著非常豐富的擴展/插件(packages),安裝也非常簡單,還可以自己寫插件,我們經常都是只知其然,而不知其所以然...不廢話,插件太多,詳細介紹幾個常用的吧(我認為的).
NO.1
對於看英語實在難受的用戶,simplified-chinese-menu對你來說就是福音吧,它是Atom的簡體中文漢化語言包,目前最全的漢化包。包含菜單漢化、右鍵菜單漢化以及設置漢化.如圖(當然我個人是使用英文版的,推薦還是英文,除非英文實在太爛)
NO.2
Atom HTML Preview 直接在Atom里預覽HTML文件的插件,不用切換到瀏覽器看效果了,文件改動後只要按保存,右側預覽就會自動刷新.
使用方法: 在HTML文檔中按下快捷鍵CTRL-SHIFT-H. 效果如圖:
NO.3
color-picker ,效果如圖,顏色任你選,想要多黃有多黃(當然並不止黃色,右側邊欄隨意點)
Usage: Right click and select `Color Picker`, or hit `CMD-SHIFT-C`/`CTRL-ALT-C` to open it.
NO.4
atom-beautify ,格式美化,一鍵磨皮,讓你雜亂無章的臉變得既好看又有層次.
Usage:type " Ctrl-Alt-B " as a shortcut or click `Packages &> Beautify` in the menu.可以選擇區域代碼進行美化.
效果圖,美白前後大對比:
NO.5
linter-csslint 裝上這個插件之後,如果css樣式部分有問題,就會出現類似下圖的出錯或者警告,同時告訴你具體原因.
NO.6
file-type-icons ,更改左側分級視圖的文件圖標和顏色,對比如下圖:
NO.7
autocomplete-paths,自動提示文件路徑,例如提示圖片或者引入文件時的路徑提示.
比如說:
NO.8
autoprefixer,主要解決瀏覽器兼容性問題
先說這幾個吧,還有很多很多,比如我目前裝的一些:
以上擴展的安裝有好幾種方式,最簡單方便的就是Atom里設置裡面直接安裝了(默認"command +," 快捷呼出設置欄),搜索簡單,安裝方面,你值得擁有.......
想更了解Atom的用戶,可以進入atom.io了解更多,或者進入Atom中文社區atom.中文.
這篇文章轉自我自己的簡書賬號:
@sapjax@賀師俊 兩位推薦的插件迅速提升 Atom 的戰鬥力，很受用。
在剛使用 Atom 的時候會遇到兩個痛點：
1、無法單純使用鍵盤操作完成「新建文件」2、遷移電腦時，配置備份後來遇到這兩個插件，很好解決我的問題。
advanced-open-file通過 Cmd-Alt-O/Ctrl-Alt-O 快速的打開文件或新建文件，同時支持路徑補全。
做開發的，尤其是[前端開發+已經開始/想學習 React]的同學可以看這裡：
Medium 的一篇文章，介紹的已經很詳細了。100+ 的 RecommendSupercharge JavaScript development in Atomatom-beautify 自動格式化pigments 顏色高亮https://atom.io/packages/minimapgit-plusgit-controlautocomplete-pathsemmetopen-recentpretty-jsonfile-icons
Tool
terminal-plus
A terminal package for Atom, complete with themes and more.
script
Run code in Atom
linter
A Base Linter with Cow Powers
split-diff
Diffs text between two split panes.
color-picker
Right click or press CMD-SHIFT-C/CTRL-ALT-C to open it.
UI
minimap
A preview of the full source code.
file-icons
Assign file extension icons and colours for improved visual grepping
split-diff
A package to display colors in project and files.
minimap-find-and-replace
Minimap bindings for the find and replace package
minimap-pigments
An Atom plugin to display pigments colors in the Minimap.
qolor
An atom package to color your SQL queries!
Preview
atom-html-preview
A live preview tool for Atom Editor.
markdown-preview-enhanced
The "BEST" Markdown Preview you need for Atom Editor!
pdf-view
Atom PDF viewer based on PDF.js
regex-railroad-diagram
Display railroad diagram of regex under cursor.
hex
View the hex dump of any file
Language
language-markdown
Adds grammar support for Markdown
Web
emmet
Emmet – the essential tool for web developers
atom-bootstrap3
Bootstrap 3 Support with snippets and autocompletion. Supports Glyphicons and Fontawesome
Git
gitignore-snippets
Quickly create .gitignore files with templates from GitHub.
Format
atom-beautify
Beautify HTML, CSS, JavaScript, PHP, Python, Ruby, Java, C, C++, C#, Objective-C, CoffeeScript, TypeScript, Coldfusion, SQL, and more in Atom
whitespace
Convert Tabs to Spaces
Coding
base64
A Base64 encoder and decoder
url-encode
URL encode or decode the selected text.
- #001 - Atom簡介
- #002 - 設置簡介
- #003 - 快速格式化代碼插件 atom-beautify
- #004 - 代碼規範化檢測插件 Lint
- #005 - JavaScript 語法智能提示 atom-ternjs
- #006 - 快速書寫代碼的工具 emmet
- #007 - 文件圖標 file-icons 與行高亮 highlight-line
- #008 - 代碼中的顏色插件 pigments
- #009 - 對最新版本 JavaScript 的支持 language-babel
- #010 - 更多插件與總結
Atom 編輯器系列視頻課程
https://devopen.club/course/atom
amWiki輕文庫 是一款便捷創建網頁 wiki 的 atom 插件。
所有生成全部為靜態網頁文件，無需服務端動態語言環境，不使用資料庫，藉助 git、svn、hg 可實現編輯許可權給予和多人合作編輯，當然也可自己個人使用。amWiki 採用 Markdown 標記語法，以「.md」為文件擴展名存儲；atom 工作端自動更新 wiki 導航，在 Markdown 文檔中粘帖截圖；web 顯示端網頁自適應顯示，api 介面文檔自動生成簡單 ajax 測試......生成 wiki web 預覽 效果：
activate-power-mode
作為有追求的程序猿，這個你是一定要有的233333正文：請參見我的小品作品下面的一段說明：（適用範圍，符合ES2015流程的前端開發）GitHub - qiansen1386/frontend-dev-vue: Experimental project to test out the latest concepts of Frontend Engineering推薦閱讀：
※國內有什麼類似於 GitHub 和 Bitbucket 的服務？
※如何保證在多人協作的時候git的提交記錄是一條直線？
※為什麼 GitHub 不支持 CC 協議(知識共享協議)？
※SVN好還是GIT?
※如何在 GitHub Pages 上傳自己寫的網頁作為首頁，Hexo 博客作為其子頁？