1. 程式人生 > >Atom相關資料整理

Atom相關資料整理

代碼格式化 漢化 針對 等等 目錄 ets 開箱 png ocs

官網地址

https://atom.io/

Atom 中文社區

https://atom-china.org/

常用插件

Emmet

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

技術分享圖片

linter

linter是一個粗糙的檢查,有很多針對專門項的代碼檢查,如linter-jshint、linter-csslint、linter-php等等

技術分享圖片

技術分享圖片

技術分享圖片

linter-jshint

該插件是用jshint來檢查代碼,想必大家都聽說過jshint代碼檢查工具,它有一個配置文件.jshintrc,這個文件告訴jshint執行的檢查規則。通過jshint能發現代碼中存在的問題,可以及時避免bug的發生。

linter-jshint插件基於atom規則來使用jshint,該插件可以在項目根目錄下新建一個.jshintrc來告訴檢查規則,也可以不用創建此文件來進行代碼檢查。
註意:linter-jshint是依賴linter插件來使用的,也就是說必須先安裝linter插件。

技術分享圖片

linter-csslint

技術分享圖片

linter-htmllint

技術分享圖片

linter-js-standard

用來使javascript代碼格式化。

技術分享圖片

autoclose-html

html標簽自動比較。

技術分享圖片

atom-html-preview

html頁面預覽。

技術分享圖片

autocomplete-paths

文件路徑自動提示。

技術分享圖片

atom-beautify

代碼格式化。

技術分享圖片

jquery-snippets

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

技術分享圖片

goto-definition

技術分享圖片

color-picker

取色器。

技術分享圖片

docblockr

方便寫代碼註釋

技術分享圖片

regex-railroad-diagram

正則表達式圖形化顯示

技術分享圖片

git-plus【暫未使用】

git 操作的插件。使用的人很多,會使用git的同學值得一試。與github深度契合。完美無缺。

技術分享圖片

seti-ui【暫未使用】

據說是目前最火的UI皮膚,很漂亮。

技術分享圖片

simplified-chinese-menu【暫未使用】

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

技術分享圖片

參考資料

Atom:優雅迷人的編輯神器

官方手冊:Atom 基礎使用

常用Atom插件列表(持續更新...)

Atom推薦的8大插件

blog/Article/編程/工具/atom tips/

kompasim/atom-plugins

Atom開箱指南

Atom相關資料整理