601
技術社區[雲棲]
React Native開發之ATOM開發實用技巧
前麵對React Native開發工具Atom做了一個詳細的介紹，詳見RN開發IDE詳解。
Atom作為一款前端開發利器，有很多的插件供我們選擇，這裏羅列常見的可以提高我們開發效率的插件給大家介紹一下。
ATOM常用插件
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管理工具，命令和圖形化界麵都支持。
14、autocomplete-paths
文件路徑自動提示，相當的犀利。
15、atom-beautify
代碼格式化，可以定製化風格。
16、autoprefixer
瀏覽器兼容。
17、color-picker
顏色取值器，也是相當的不錯。
ATOM快捷鍵大全
文件切換
保存所有打開的文件
打開目錄
顯示或隱藏目錄樹
焦點移到目錄樹，目錄樹下，使用a，m，delete來增加，修改和刪除
查找文件
在打開的文件之間切換
隻搜索從上次git commit後修改或者新增的文件
導航
前一行
後一行
前一個字符
後一個字符
移動到單詞開始
移動到單詞末尾
移動到一行結束
移動到一行開始
移動到文件開始
移動到文件結束
移動到指定行 row:column 處
在方法之間跳轉
目錄樹操作
顯示(隱藏)目錄樹
焦點切換到目錄樹(再按一次或者Esc退出目錄樹)
添加文件
將當前文件另存為(duplicate)
顯示(隱藏)版本控製忽略的文件
展開(隱藏)所有目錄
展開(隱藏)所有目錄
展開(隱藏)所有目錄
在左半視圖中打開文件
在下半視圖中打開文件
複製當前文件絕對路徑
編輯和刪除文本
基本操作
使光標前後字符交換
將下一行與當前行合並
使當前行向上或者向下移動
複製當前行到下一行
使當前字符大寫
使當前字符小寫
刪除和剪切
刪除當前行
刪除到當前行開始
刪除到當前行結束
剪切到當前行結束
刪除到當前單詞開始
刪除到當前單詞結束
查找和替換
在整個工程中查找
在buffer中查找
查看當前可用代碼片段
折疊
折疊
展開
折疊全部
展開全部
指定折疊層級 N為層級數
自動補全
提示補全信息
git操作
checkout HEAD 版本
彈出untracked 和 modified文件列表
在修改處跳轉
在github上打開文件
在github上打開文件history
拷貝當前文件在gihub上的網址
最後更新：2017-05-02 23:52:09