Atom必不可少外掛推薦

banq發表於2016-07-16
Atom作為Javascript/CSS/HTML等前端編輯器IDE利器,其強大功能依靠各種外掛,下面是必不可少外掛推薦,安裝這些外掛只需要在Atom的File ->setting ->install中輸入外掛名稱查到後即可安裝:

Minimap
Minimap提供完整的原始碼預瀏覽作用,能夠定位你正在編輯的檔案總貌。

Minimap cursorline
Minimap cursorline是能夠你游標移到時,同時在檔案總貌預覽中跟隨移動,從而判斷你當前位於檔案的哪個位置。

Pigments
Pigments能夠根據顏色程式碼直接顯示該顏色。

Emmet
能夠基於Emmet語法產生HTML。

Double tag
能讓同時編輯html的開始與結束標記,如果你增加一個 HTML開始語法,它會自動跟隨寫出結束語法,比如鍵入<div>開始,自動有</div>結束語法。

Linter
能夠自動覆蓋檢查原始碼,產生警告和錯誤,幫助規範程式設計,基於實時程式碼分析。HTML, CSS, SCSS, JavaScript都有各自的Linter。甚至框架也有自己的Linter。

Beautify
能夠美化 HTML, CSS, JavaScript, PHP, Python, Ruby, Java, C, C++, C#, Objective-C, CoffeeScript, TypeScript, Coldfusion, 和 SQL語法。

Auto close HTML
讓你自動閉合HTML標籤。

Fuzzy finder
能夠使用快捷鍵Ctrl-T或Cmd-T快速發現和開啟檔案。

Color picker
能夠直接根據顏色表點選需要的顏色,產生顏色代號。CTRL-ALT-C能夠開啟顏色表。

Highlight selected
能夠高亮選中的單詞,使用Ctrl-U或Cmd-U能夠多選單詞。

GIT diff
能夠標記自上次git提交後已經加入 被編輯的或被刪除的行

Sort lines
根據第一個字母排序,能夠尋找相關程式碼

Last cursor position
使用Alt-減號,能夠保持跟蹤貼上游標位置並回滾。

Code peek
能夠快速提示和編輯其他檔案中的函式功能,不必要再單獨開啟那個檔案了。

Package sync
能夠在計算機之間同步已經安裝好的包,如果你有幾臺電腦需要使用Atom,不必要一個個安裝外掛了。

這裡上述所有外掛的packages.json,直接複製貼上到自己電腦可以安裝依賴包的目錄下,然後在Atom執行Update Package Dependencies: Update命令,主要步驟:
1. Ctrl - Shift - P開啟命令皮膚
2.鍵入updu會選中提示的Update Package Dependencies: Update


Atom treasures — Free Code Camp

相關文章