ATOM常用插件推薦
github自從推出atom之后,就安裝體驗了一下,隨著使用時間增加,漸漸收集了一些常用(大部分插件應(yīng)該適合大家,一小部分插件感覺更加符合自己的口味),特羅列出來,供大家參考。
Atom 的簡體中文漢化語言包,目前最全的漢化包。包含菜單漢化、右鍵菜單漢化以及設(shè)置漢化



代碼格式一鍵美化,支持多種語言格式化,例如:HTML, CSS, JavaScript, PHP, Python, Ruby, Java, C, C++, C#, Objective-C, CoffeeScript, TypeScript, Coldfusion, SQL …

光標自由切換到上一次/下一次編輯位置

4.?minimap
仿sublime text的縮略代碼查看,想找的地方一目了然。

實現(xiàn)minimap高亮選擇內(nèi)容,需安裝前2個插件

屏振效果,打字帶特效,輸入時有震撼效果

7.?color-picker
取色工具,在編輯器里面挑選顏色

8.?pigments
顏色顯示插件,編輯器中直接查看代碼所代表的顏色,工具雖小但是很實用。

選擇某段代碼自動高亮相同代碼

10.?emmet
HTML開發(fā)必備神奇,大大提高你的工作效率
加快web開發(fā)速度,提供snippet(代碼片段)、abbreviation expand(簡寫展開)功能。

11.?docblockr
智能代碼注釋,讓注釋更有規(guī)范

12.?project-manager
快速打開儲存的項目

自動補全文件路徑

14.?atom-react-native-autocomplete
react-native代碼補全插件

15.?merge-conflicts
在 Atom 里面處理合并產(chǎn)生沖突的文件

16.?script
在atom下運行腳本,支持多種開發(fā)語言。

17.?browser-plus
編輯器內(nèi)置瀏覽器

18.?ask-stack
在atom快速提問stackoverflow

正則表達式圖形化

快速的打開文件或新建文件,同時支持路徑補全

21.?quick-highlight
代碼高亮

Show found count on StatusBar.

終端工具

23.?open-in-browsers
在安裝過的任意瀏覽器打開代碼

Browser List in context menu

24.?linter/?linter-eslint
代碼錯誤提示,需要配合相應(yīng)的規(guī)則插件進行使用,例如:linter-eslint(根據(jù)eslint規(guī)則進行js代碼檢驗,需要安裝linter插件)

填寫路徑的時候有提示

26.?hyperclick?/?js-hyperclick
這個兩個插件配合使用,可以實現(xiàn)類似于IDE的Ctrl+click,跳轉(zhuǎn)到變量函數(shù)聲明或者定義的地方。
hyperclick示例:

s-hyperclick示例

27.?Sublime-Style-Column-Selection
局部選擇插件

28.?file-icons
左側(cè)樹狀圖下,根據(jù)文件類型左側(cè)顯示不同圖標

29.?tool-bar
工具欄插件,需要配合其他插件

30.?flex-tool-bar
配合工具欄插件,自定義圖標與事件

atom內(nèi)置命令行工具

32.?language-javascript-jsx/language-babel
代碼高亮,支持ES6,ES7, React JSX…
33.?es6-javascript
ES6代碼快捷鍵
34.?react-snippets
react代碼快捷鍵
35.?atom-bootstrap3
bootstrap3 html自動補全插件
36.?sync-settings
備份插件和配置備份,防止系統(tǒng)重裝后需要重新查找插件,直接自動下載插件并且配置好atom
37.?atom-ternjs
支持多種語言代碼補全,例如:ES5, ES6 (JavaScript 2015), Node.js, jQuery, Angular …
38.?vim-mode

有了 vim-mode 一定要裝ex-mode和relative-numbers插件,前者讓編輯器完美支持:w:s等命令;后者可以實現(xiàn)常規(guī)模式下的相對行號,用 vim 的自然會懂得其重要性。

39.?terminal-plus
cmd+shift+t開啟新控制臺
ctrl+`打開 /關(guān)閉 控制臺

cmd+shift+j/k切換控制臺

另外,通過導(dǎo)航欄還可以對控制臺導(dǎo)航進行命名或設(shè)置顏色,非常方便。
40.?tortoise-svn
svn插件
41.?Git/github
git-plus—在 Atom 里面執(zhí)行Git命令,不用來回切換終端和編輯器

git-control—git面板

tree-view-git-status—文件夾git狀態(tài)

Settings:

gist-it—快速分享代碼到gist.github.com

圖形化git提交記錄

monokai(主題)
monokay主題
