atom必備插件及主題

ATOM常用插件推薦

github自從推出atom之后,就安裝體驗了一下,隨著使用時間增加,漸漸收集了一些常用(大部分插件應該適合大家,一小部分插件感覺更加符合自己的口味),特羅列出來,供大家參考。

1.?simplified-chinese-menu

Atom 的簡體中文漢化語言包,目前最全的漢化包。包含菜單漢化、右鍵菜單漢化以及設置漢化

來自于Github
來自于Github
來自于Github

2.?atom-beautify

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

來自于Github

3.?last-cursor-position

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

來自于Github

4.?minimap

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

來自于Github

5.?minimap-highlight-selected

實現minimap高亮選擇內容,需安裝前2個插件

來自于Github

6.?activate-power-mode

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

來自于Github

7.?color-picker

取色工具,在編輯器里面挑選顏色

來自于Github

8.?pigments

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

來自于Github

9.?highlight-selected

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

來自于Github

10.?emmet

HTML開發必備神奇,大大提高你的工作效率

加快web開發速度,提供snippet(代碼片段)、abbreviation expand(簡寫展開)功能。

來自于Github

11.?docblockr

智能代碼注釋,讓注釋更有規范

來自于Github

12.?project-manager

快速打開儲存的項目

來自于Github

13.?autocomplete-paths

自動補全文件路徑

來自于Github

14.?atom-react-native-autocomplete

react-native代碼補全插件

來自于Github

15.?merge-conflicts

在 Atom 里面處理合并產生沖突的文件

來自于Github

16.?script

在atom下運行腳本,支持多種開發語言。

來自于Github

17.?browser-plus

編輯器內置瀏覽器

來自于Github

18.?ask-stack

在atom快速提問stackoverflow

來自于Github

19.?regex-railroad-diagram

正則表達式圖形化

來自于Github

20.?advanced-open-file

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

來自于Github

21.?quick-highlight

代碼高亮

來自于Github

Show found count on StatusBar.

來自于Github

22.?platformio-ide-terminal

終端工具

來自于Github

23.?open-in-browsers

在安裝過的任意瀏覽器打開代碼

來自于Github

Browser List in context menu

來自于Github

24.?linter/?linter-eslint

代碼錯誤提示,需要配合相應的規則插件進行使用,例如:linter-eslint(根據eslint規則進行js代碼檢驗,需要安裝linter插件)

來自于Github

25.?autocomplete-paths

填寫路徑的時候有提示

來自于Github

26.?hyperclick?/?js-hyperclick

這個兩個插件配合使用,可以實現類似于IDE的Ctrl+click,跳轉到變量函數聲明或者定義的地方。

hyperclick示例:

來自于Github

s-hyperclick示例

來自于Github

27.?Sublime-Style-Column-Selection

局部選擇插件

來自于Github

28.?file-icons

左側樹狀圖下,根據文件類型左側顯示不同圖標

來自于Github

29.?tool-bar

工具欄插件,需要配合其他插件

來自于Github

30.?flex-tool-bar

配合工具欄插件,自定義圖標與事件

來自于Github

31.?atom-terminal-panel

atom內置命令行工具

來自于Github

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

備份插件和配置備份,防止系統重裝后需要重新查找插件,直接自動下載插件并且配置好atom

37.?atom-ternjs

支持多種語言代碼補全,例如:ES5, ES6 (JavaScript 2015), Node.js, jQuery, Angular …

38.?vim-mode

來自于Github

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

來自于Github

39.?terminal-plus

cmd+shift+t開啟新控制臺

ctrl+`打開 /關閉 控制臺

來自于Github

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

來自于Github

另外,通過導航欄還可以對控制臺導航進行命名或設置顏色,非常方便。

40.?tortoise-svn

svn插件

41.?Git/github

git-plus—在 Atom 里面執行Git命令,不用來回切換終端和編輯器

來自于Github

git-control—git面板

來自于Github

tree-view-git-status—文件夾git狀態

來自于Github

Settings:

來自于Github

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

來自于Github

git-log

圖形化git提交記錄

來自于Github

monokai(主題)

monokay主題

來自于Github
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容