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

ATOM常用插件推薦

一、ATOM介紹

Atom是一款由GitHub開發(fā)的開源代碼編輯器,支持自定義HTML,CSS及JS等編程語言。由于簡潔直觀的界面,同時支持第三方程序包安裝及支持宏等特點,深受程序員們的喜愛！【相關(guān)推薦：atom使用教程】

官網(wǎng)鏈接：https://atom.io/

二、ATOM常用插件推薦

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

1、simplified-chinese-menu

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

2、atom-beautify

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

3、last-cursor-position

光標(biāo)自由切換到上一次/下一次編輯位置

4、minimap

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

5、minimap-highlight-selected

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

6、activate-power-mode

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

7、color-picker

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

8、pigments

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

9、highlight-selected

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

10、emmet

HTML開發(fā)必備神奇，大大提高你的工作效率

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

11、docblockr

智能代碼注釋，讓注釋更有規(guī)范

12、project-manager

快速打開儲存的項目

13、autocomplete-paths

自動補(bǔ)全文件路徑

14、atom-react-native-autocomplete

react-native代碼補(bǔ)全插件

15、merge-conflicts

在 Atom 里面處理合并產(chǎn)生沖突的文件

16、script

在atom下運行腳本，支持多種開發(fā)語言。

17、browser-plus

編輯器內(nèi)置瀏覽器

18、ask-stack

在atom快速提問stackoverflow

19、regex-railroad-diagram

正則表達(dá)式圖形化

20、advanced-open-file

快速的打開文件或新建文件，同時支持路徑補(bǔ)全

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

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

25、autocomplete-paths

填寫路徑的時候有提示

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è)顯示不同圖標(biāo)

29、tool-bar

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

30、flex-tool-bar

配合工具欄插件，自定義圖標(biāo)與事件

31、atom-terminal-panel

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自動補(bǔ)全插件

36、sync-settings

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

37、atom-ternjs

支持多種語言代碼補(bǔ)全，例如：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)航進(jìn)行命名或設(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-log

圖形化git提交記錄

登錄后復(fù)制

monokai(主題)

monokay主題

登錄后復(fù)制

三、如何安裝插件

打開軟件，點擊file——》settings—>install

搜索安裝主題或插件，最后點擊install即可。

【相關(guān)推薦：《atom教程》】

以上就是atom中 40+ 個常用插件推薦分享（附插件安裝方法）的詳細(xì)內(nèi)容，更多請關(guān)注風(fēng)君子博客其它相關(guān)文章！

總結(jié)

以上是生活随笔為你收集整理的atom中 40+ 个常用插件推荐分享（附插件安装方法）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。