首頁 > 開發工具 > atom > 主體

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

青灯夜游
發布: 2022-12-12 20:22:05
轉載
18937 人瀏覽過

這篇文章給大家分享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中文網其他相關文章!

相關標籤:
來源:csdn.net
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!