1. 程式人生 > >常用Atom插件列表

常用Atom插件列表

term 管理 執行 個人 zend plus 漢化 ternjs -1

1、simplified-chinese-menu

Atom的簡體中文語言包,完整漢化,兼容所有已發布的版本Atom。

2、tree-view-finder

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

技術分享

3、minimap

類似sublim text右邊的代碼縮略圖。

4、linter和linter-jshint

該插件是用jshint來檢查代碼,想必大家都聽說過jshint代碼檢查工具,它有一個配置文件.jshintrc,這個文件告訴jshint執行的檢查規則。通過jshint能發現代碼中存在的問題,可以及時避免bug的發生。linter-jshint插件基於atom規則來使用jshint,該插件可以在項目根目錄下新建一個.jshintrc來告訴檢查規則,也可以不用創建此文件來進行代碼檢查。

註意:linter-jshint是依賴linter插件來使用的,也就是說必須先安裝linter插件;因為linter是一個粗糙的檢查,有很多針對專門項的代碼檢查,如linter-csslint、linter-php等等

技術分享

5、linter-js-standard

用來使javascript代碼格式化。

6、git-plus

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

7、file-types和file-types-icon

file-types用來區分文件類型的,file-types-icon用來給不同的問題類型添加不同的圖標。

技術分享

8、emmet

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

9、autoclose-html

html標簽自動比較。

10、atom-ternjs

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

11、atom-html-preview

html頁面預覽。

12、atom-bootstrap3

bootstrap3代碼提示插件。

13、Remote-FTP

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

技術分享


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

14、autocomplete-paths

文件路徑自動提示。

技術分享

15、atom-beautify

代碼格式化。

技術分享

16、jquery-snippets

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

17、autoprefixer

瀏覽器兼容。

技術分享

18、color-picker

取色器。

技術分享

19、activate-power-mode

代碼在跳舞

技術分享


常用Atom插件列表