Atom編輯器

Atom介紹

Github的員工Nathan Sobo在Atom的博客中提到：」Sublime和TextMate十分方便，可是擴展性不足；另外一方面，Emacs和 Vim擴展性很強卻須要學習日程工做中不多用到的腳本語言。」所以，他們但願找到一個平衡點，因而就有了Atom這個項目。

Atom 代碼編輯器支持 Windows、Mac、Linux 三大桌面平臺，徹底免費，而且已經在 GitHub 上開放了所有的源代碼。它支持各類編程語言的代碼高亮(HTML / CSS / Javascript / PHP / Python / C / C++ / Objective C / Java / JSON / Perl / CoffeeScript / Go / Sass / YAML /Markdown 等等)。

做爲一個一直使用sublime 編輯器的人來講，轉用Atom是很是的簡單，Atom和Sublime功能很是類似，不少快捷鍵都是同樣的。雖然他們現有功能差很少，而且sublime更加輕巧，可是我以爲相比於sublime，Atom的優點也很明顯，界面更加優美，功能強大，插件使用方便，可擴展性強等等。。。

優美

Atom裝了expose這個插件以後，mac用戶使用shift＋command＋e組合鍵能夠獲得意想不到的酷炫！！下面是截圖爲證，能夠方便的看到每個文件大概的內容，快速選擇已經打開的文件。方便！！！優美！！！

和git完美結合

Atom 編輯器能夠和 GIT 完美結合，全部對代碼、文本的修改都能體如今編輯器的界面上。

好比在文件內新寫的代碼會在左邊標記爲綠色，刪除的標記爲紅色，修改的標記爲黃色。在左邊的目錄導航也能方便的看到文件改動：有改動的文件其文件名和所在文件夾名都會被標記爲高亮顯示。

編輯器底部會顯示當前所在分支和對文件的修改行數統計，對於 GIT 用戶來講很是方便。

基於WEB技術構建

和微軟發佈的Visual Studio Code編輯器同樣，Atom 也是基於WEB技術（Chromium+Node.js）開發的，簡單理解的話編輯器自己實際上是一個跑在本地的網頁，這足以讓無數 WEB 工程師爲之興奮！用戶能夠用Javascript來編寫編輯器插件，而且github你們都知道，他是Atom的強大後臺支撐，這裏有着大量的編程愛好者，相信Atom的插件會持續的增多，Atom也會變的愈來愈優秀。

Atom推薦插件

安裝插件跟sublime同樣，能夠在setting界面中，搜索安裝，也能夠快捷鍵shift＋command＋p跳出搜索輸入框輸入關鍵字進行安裝。

atom-beautify:美化代碼，格式化代碼的插件。

autocomplete-paths:輸入.或者/的時候，會自動提示路徑和路徑下的文件。很是好用！

autoprefixer:css樣式的兼容性添加。當寫好本身的css以後，會自動添加相似-webkit-等前綴的css樣式代碼。

color-picker:css中須要賦值顏色的時候，使用這個插件能夠看到一個完整的取色器，實時的取色，改變。。。很是方便！

file-icons:左邊工程目錄的每個文件，若是有一個小圖標表示就漂亮了，沒錯，就須要這個插件了。

git plus：固然是爲了更好的使用git了。

markdown-format，markdown-writer：若是你不是Mac用戶，而且十分喜歡使用markdown來寫東西的話，那麼你必定會愛上在Atom上寫markdown的感受~~

linter: 自動提示你代碼中不規範的地方，讓你擁有更加規範的代碼習慣。若是你想獲得完整的信息提示，則推薦這個插件linter-jshint

minimap:用過sublime text的同窗必定知道右邊那方便的縮略圖，難道這麼好用的工具Atom上會沒有嗎？不會！這個插件就會讓你見到熟悉的縮略圖, 並且功能更增強大！

插件	說明
minimap-codeglance	放大鏡的功能，這個插件就會讓你的鼠標移動到縮略圖上的時候放大顯示那邊部分的代碼
minimap-find-and-replace	當你想替換單詞的時候你會想起ctrl+D，能夠你知道全篇有多少你要替換的字符串嗎？經過這個插件你就能夠在縮略圖上看到全部你選中的字符串
minimap-git-diff	經過這個插件，每當你修改你的代碼的時候你就會在縮略圖上看到和以前git中的區別
minimap-highlight-selected	當你選中部分代碼的時候，它就會高亮的出如今縮略圖中
minimap-linter	這個插件讓你的縮略圖顯示的更加漂亮和完整

expose:當你一次性打開多個文件的時候也許你會使用分屏來查看，安裝了這個插件以後使用shift＋command＋e就能夠分屏查看。截圖上面已經出現過，美不美！！！

atom-material-ui:這是一個主題插件,他有自帶的一些動態效果，特別酷炫。話很少說，本身試試就知道。

終於廢了老半天時間來搞這個編輯器，不過每裝一個插件就能感覺其強大的時候，就以爲很值得，下面是我使用這個主題的截圖，很漂亮吧？

Atom快捷鍵

其實Atom和sublime的跨界件很是類似，好比我經常使用的cmd+d,這裏只列出一些經常使用的快捷鍵。

ctrl+shift+s 保存全部打開的文件

cmd+\ 顯示或隱藏目錄樹

cmd+b 在打開的文件之間切換

cmd+d 快速查找選中的內容

cmd+right, ctrl+E 移動到一行結束

cmd+left, ctrl+A 移動到一行開始

cmd+K, cmd+U 使當前字符大寫

cmd+K, cmd+L 使當前字符小寫

ctrl+shift+K 刪除當前行

ctrl+shift+U 調出切換編碼選項

cmd+F 在當前打開的頁面中查找

cmd+shift+f 在整個工程中查找

ctrl+space 提示補全信息

ctrl-shift-M Markdown預覽（前提是裝了markdown插件）