1. 程式人生 > >常用Atom外掛列表(持續更新...)

常用Atom外掛列表(持續更新...)

<h6 id="1">1、simplified-chinese-menu</h6>

Atom的簡體中文語言包,完整漢化,相容所有已釋出的版本Atom。

<h6 id="2">2、tree-view-finder</h6>

左邊選單欄顯示方式,類似Mac OS下的finder。


01.tree-view-finder

<h6 id=""3>3、minimap</h6>

類似sublim text右邊的程式碼縮圖。

<h6 id="4">4、linter和linter-jshint</h6>

該外掛是用jshint來檢查程式碼,想必大家都聽說過jshint程式碼檢查工具,它有一個配置檔案

.jshintrc,這個檔案告訴jshint執行的檢查規則。通過jshint能發現程式碼中存在的問題,可以及時避免bug的發生。linter-jshint外掛基於atom規則來使用jshint,該外掛可以在專案根目錄下新建一個.jshintrc來告訴檢查規則,也可以不用建立此檔案來進行程式碼檢查。
注意:linter-jshint是依賴linter外掛來使用的,也就是說必須先安裝linter外掛;因為linter是一個粗糙的檢查,有很多針對專門項的程式碼檢查,如linter-csslint、linter-php等等

02.linter和linter-jshint

<h6 id="5">5、linter-js-standard</h6>

用來使javascript程式碼格式化。

<h6 id="6">6、git-plus</h6>

提供git版本控制操作的命令,個人感覺不是很好用,還是terminal比較習慣。

<h6 id="7">7、file-types和file-types-icon</h6>

file-types用來區分檔案型別的,file-types-icon用來給不同的問題型別新增不同的圖示。


03.file-types和file-types-icon

<h6 id="8">8、emmet</h6>

這款外掛是用來支援zend-coding,Emmet的前身是大名鼎鼎的Zen coding,如果你從事Web前端開發的話,對該外掛一定不會陌生。它使用仿CSS選擇器的語法來生成程式碼,大大提高了HTML/CSS程式碼編寫的速度

<h6 id="9">9、autoclose-html</h6>

html標籤自動比較。

<h6 id="10">10、atom-ternjs</h6>

該外掛能對一個物件中擁有的對外提供的屬性和方法都能通過suggest的形式提示出來,能對一個物件對外提供的介面有一個選擇過程,可以理解為js程式碼自動提示。

<h6 id="11">11、atom-html-preview</h6>

html頁面預覽。

<h6 id="12">12、atom-bootstrap3</h6>

bootstrap3程式碼提示外掛。

<h6 id="13">13、Remote-FTP</h6>

ftp管理工具,命令和圖形化介面都支援。


13.Remote-FTP

PS:具體使用方式,參考官方說明或留言。

<h6 id="14">14、autocomplete-paths</h6>

檔案路徑自動提示。


14、autocomplete-paths

<h6>15、atom-beautify</h6>

程式碼格式化。


15、atom-beautify

<h6>16、jquery-snippets</h6>

jquery程式碼提示,安裝完之後要重新啟動Atom。

<h6>17、autoprefixer</h6>

瀏覽器相容。


17、autoprefixer

<h6>18、color-picker</h6>

取色器。


18、color-picker

<h6>19、activate-power-mode</h6>

程式碼在跳舞


19、activate-power-mode

轉自:https://www.jianshu.com/p/dd97cbb3c22d#6