atom中 40+ 個常用插件推薦分享（附插件安裝方法）

這篇文章給大家分享40 個atom常用插件，並附上在atom中安裝插件的方法，希望對大家有幫助！

ATOM常用外掛推薦

#一、ATOM介紹

Atom是一款由GitHub開發的開源程式碼編輯器,支援自訂HTML,CSS及JS等程式語言。由於簡約直覺的介面,同時支援第三方程式包安裝及支援巨集等特點,深受程式設計師們的喜愛！ 【相關推薦：atom使用教學】

官網連結：https://atom.io/

二、ATOM常用外掛推薦

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

1、simplified-chinese-menu

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

2、atom- beautify

程式碼格式一鍵美化，支援多種語言格式化，例如：HTML, CSS, JavaScript, PHP, Python, Ruby, Java, C, C , C#, Objective-C, CoffeeScript , TypeScript, Coldfusion, SQL …

#3、last-cursor-position

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

4、minimap

#仿sublime text的縮寫查看，想找的地方一目了然。

5、minimap-highlight-selected

實作minimap高亮選擇內容，需安裝前2個外掛程式

6、activate-power-mode

#螢幕振效,打字帶特效,輸入時有震撼效果

7、color-picker

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

8、pigments

顏色顯示外掛程式,編輯器中直接查看程式碼所代表的顏色，工具雖小但很實用。

9、highlight-selected

#選擇某段程式碼自動高亮相同程式碼

10、emmet

HTML開發必備神奇，大幅提升你的工作效率

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

11、docblockr

#智慧程式碼註釋，讓註解更有規範

12、project-manager

快速開啟已儲存的項目

13、autocomplete-paths

自動補全檔案路徑

#14、atom-react-native-autocomplete

# -native程式碼補全插件

15、merge-conflicts

在Atom 裡面處理合併產生衝突的檔案

16、script

在atom下執行腳本，支援多種開發語言。

17、browser-plus

#編輯器內建瀏覽器

##18、ask-stack

在atom快速提問stackoverflow

19、regex-railroad-diagram

正規表示式圖形化

20、advanced-open-file

#快速的開啟檔案或新建文件，同時支援路徑補全

21、quick-highlight

程式碼高亮

Show found count on StatusBar.

#22、platformio-ide-terminal

#終端工具

23、open-in-browsers

#在安裝過的任何瀏覽器中開啟程式碼

Browser List in context menu

#24、linter/ linter-eslint

程式碼錯誤提示，需要配合對應的規則外掛程式進行使用，例如：linter-eslint(根據eslint規則進行js程式碼檢驗，需要安裝linter外掛程式)

##25、autocomplete- paths

填入路徑的時候有提示

#26、hyperclick / js-hyperclick

#這個兩個插件配合使用，可以實作類似IDE的Ctrl click，跳到變數函數宣告或定義的地方。

hyperclick範例：

s-hyperclick範例

27、Sublime- Style-Column-Selection

局部選擇外掛

#28、file-icons

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

#29、tool-bar

##工具列插件，需要配合其他插件

30、flex-tool-bar

配合工具列插件，自訂圖示與事件

31、atom-terminal-panel

#atom內建命令列工具

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

有了vim-mode 一定要裝ex-mode和relative-numbers插件，前者讓編輯器完美支援:w:s等指令；後者可以實現常規模式下的相對行號，用vim 的自然會懂得其重要性。

39、terminal-plus

#

cmd shift t開啟新控制台

ctrl `開啟/關閉控制台

#cmd shift j/k切換控制台

另外，透過導覽列也可以對控制台導覽進行命名或設定顏色，非常方便。

40、tortoise-svn

svn外掛

41、Git/github

git- plus—在Atom 裡面執行Git指令，不用來回切換終端機和編輯器

git-control—git面板

#tree-view-git-status—資料夾git狀態

Settings：

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

git-log

图形化git提交记录

###monokai(主題)###

monokay主题

##################三、如何安裝外掛程式############開啟軟體，點選file－》settings—>install# ##############搜尋安裝主題或插件，最後點選install即可。 ###############【相關推薦：《###atom教學###》】###

以上是atom中 40+ 個常用插件推薦分享（附插件安裝方法）的詳細內容。更多資訊請關注PHP中文網其他相關文章！