JSReact 開發者的 Atom 終極配置
原文連結：The Ultimate Atom Editor Setup （+for JS/React）
根據多年以來不斷完善 Sublime Text 配置的經驗，決定這次給 Atom 也來一個大改造。這個過程花費了好幾個月的時間，但成果還是很卓有成效的，我現在非常滿意這份配置。
這份清單將分為實用工具和 React 專用，並涉及到快捷鍵繫結。
實用工具
atom-beautify
可以在 Atom 中 美化 HTML，CSS，JavaScript，PHP，Python，Ruby，Java，C，C ++，C＃，Objective-C，CoffeeScript，TypeScript，Coldfusion，SQL等。
快捷鍵：⌃+⌥+B
prettier-atom
使用 Prettier 來格式化 JavaScript 程式碼，配有強大的 ESlint 整合。
快捷鍵：⌃+⌥+F
atom-transpose
Atom 的轉置更像是字串翻轉。在 Sublime 可以將選中的兩個字串進行交換，看起來更有用。
快捷鍵：⌥+T
case-keep-replace
使用這個外掛可以在替換文字的時候可以保留原來的命名風格。
快捷鍵：⌘+⌃+R
change-case
一個可以快速改變當前選擇文字命名方式的工具。比如可以從 camelCase 轉換到 snake_case 等。
快捷鍵：⌘+K ⌘+C/S
copy-path
可以靈活地複製檔案路徑。
duplicate-line-or-selection
重複選擇文字或者重複一行，跟 Sublime Text 的行為一致，Atom 可以重複一整行。
快捷鍵：⌘+⇧+D
editorconfig
幫助開發人員在不同的編輯器之間保持一致的編碼風格。
file-icons
Atom 的檔案特定圖示外掛，便於區分不同檔案型別。
git-plus
VIM 風格的 git 外掛，在沒有終端命令列的時候進行提交等其他 git 操作。
highlight-selected
透過雙擊一個詞來高亮整個檔案相同的詞。
local-history
用於維護本地檔案歷史的外掛（對程式碼檔案進行更改的歷史記錄）。
project-manager
輕鬆訪問所有專案，還能對專案特定設定和選項進行管理。
快捷鍵：⌘+⌃+P
atom-reveal-file-in-finder
可以在工作區或者檔案選項卡上開啟檔案到 Finder 上，快捷命令已經新增到 ⌘+⇧*+P 。
快捷鍵：⌘+⌃+P
related
related 提供了訪問與當前開啟的檔案相關的檔案的快速方式。 例如，在 。js 和 。spec。js檔案之間切換。
快捷鍵：⌘+⇧+ R
我的 JS 關聯配置 （Menu > Packages > Related > Edit related patterns）：
‘（［^\\/］+）（？！\\。spec）。js（x？）$’： ［
‘tests/$1。spec。js$2#create’，
］
‘tests/（。+）。spec。js（x？）$’： ［
‘$1。js$2’，
］
set-syntax
一種簡單的命令方式來設定當前檔案語法，與 Sublime 類似。
快捷鍵：⌘+⇧+P
sort-lines
排序/刪除重複行。
sublime-style-column-selection
alt +單擊跨行選擇文字塊，每行都有插入符號。
快捷鍵：⌥+Drag
tab-foldername-index
可以替換 TAB 標籤內容的外掛，在開啟相同檔名的檔案時保證更高的可讀性。
sync-settings
跨 Atom 例項同步設定，鍵盤對映，使用者樣式，初始化指令碼，程式碼段和已安裝的軟體包。 我將所有設定備份到 Gist 並在工作/個人計算機之間進行同步。
toggle-quotes
快速切換字串的單引號和雙引號。
快捷鍵：⌘+⇧+’
atom-spotify2
在 Atom 狀態列中顯示在 Spotify 中當前播放歌曲。 不是必要的，但很有趣。
HTML/CSS/JS/React Specific Packages
atom-ternjs
使用 Tern 為 Atom 提供 JavaScript 程式碼智慧提示，支援 ES5，ES6，ES7，Node。js，jQuery，Angular等。
atom-wrap-in-tag
為選擇的文字增加標籤。
快捷鍵：⌥+⇧+W
autoclose-html
自動新增關閉標籤。
autocomplete-modules
自動補全 require/import 宣告。
color-picker
很厲害的顏色選擇器。
快捷鍵：⌘+⇧+D
docblockr
更容易的方式寫文件註釋。
使用方式：/**
emmet
一個大大提高 HTML 和 CSS 工作流程的外掛。 關於 Emmet
emmet-jsx-css-modules
適用於 css 模組的 emmet 工具。 。foo 現在將擴充套件為
es6-javascript
一組專注 ES6，用於最佳化現代 JavaScript 開發生產力的命令集， 目標是符合 Airbnb 推薦的程式碼規範。
js-hyperclick & hyperclick
點選跳到變數或者 import 定義，js-hyperclick 依賴於 hyperclick。
pigments
在專案檔案中顯示顏色。
linter-eslint
外掛 Linter 為 eslint 提供 UI 介面，用於對 JavaScript 檔案進行靜態檢查。
tree-view-copy-relative-path
允許從 tree view 複製檔案的相對路徑。
lodash-snippets
在 Atom 中快速使用 lodash 的程式碼提示。
language-babel
支援 JavaScript ES201x，React JSX，Flow和GraphQL語法。
react-es7-snippets
React ES7 snippets for atom
atom-jest-snippets
Jest 測試提示
我的主題
UI Theme: one-dark-ui
Syntax Theme: dracula-theme
Install EVERYTHING！
apm install atom-beautify prettier-atom atom-spotify2 atom-transpose case-keep-replace change-case copy-path duplicate-line-or-selection editorconfig file-icons git-plus highlight-selected local-history project-manager related set-syntax atom-reveal-file-in-finder sort-lines sublime-style-column-selection tab-foldername-index sync-settings toggle-quotes atom-wrap-in-tag atom-ternjs autoclose-html autocomplete-modules color-picker docblockr emmet emmet-jsx-css-modules es6-javascript js-hyperclick hyperclick pigments linter-eslint tree-view-copy-relative-path lodash-snippets language-babel react-es7-snippets atom-jest-snippets one-dark-ui dracula-theme