這篇文章給大家分享40 個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快速提問stackoverflow19、regex-railroad-diagram
正規表示式圖形化20、advanced-open-file
#快速的開啟檔案或新建文件,同時支援路徑補全21、quick-highlight
程式碼高亮#22、platformio-ide-terminal
#終端工具23、open-in-browsers
#在安裝過的任何瀏覽器中開啟程式碼#24、linter/ linter-eslint
程式碼錯誤提示,需要配合對應的規則外掛程式進行使用,例如:linter-eslint(根據eslint規則進行js程式碼檢驗,需要安裝linter外掛程式)填入路徑的時候有提示
#這個兩個插件配合使用,可以實作類似IDE的Ctrl click,跳到變數函數宣告或定義的地方。
hyperclick範例:
局部選擇外掛
左側樹狀圖下,根據文件類型左側顯示不同圖示
##工具列插件,需要配合其他插件
配合工具列插件,自訂圖示與事件
#atom內建命令列工具
#程式碼高亮,支援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 的自然會懂得其重要性。
#
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:图形化git提交记录###monokai(主題)###
monokay主题##################三、如何安裝外掛程式############開啟軟體,點選file-》settings—>install# ##############搜尋安裝主題或插件,最後點選install即可。 ###############【相關推薦:《###atom教學###》】###
以上是atom中 40+ 個常用插件推薦分享(附插件安裝方法)的詳細內容。更多資訊請關注PHP中文網其他相關文章!