碼代碼新神器-Github Atom


周末閑着沒事,逛論壇發現了一個新的編輯器,由github發布的Atom編輯器。瞬間被吸引了,所以就去嘗試着折騰了一下,后來發現這個編輯器確實很不錯,他的特點就是兩個字:優美!!!

下載地址,官方網站下載速度太慢太慢了。。。這里有個github的下載地址。要快很多 下載編輯器點這里

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 等等)。

下面是優酷上Atom的宣傳片,逼格好高的樣子,老奶奶都寫會css...:

我搗騰了這么久,說說自己的看法吧。作為一個一直使用sublime 編輯器的人來說,轉用Atom是非常的簡單,Atom和Sublime功能非常相似,很多快捷鍵都是一樣的。雖然他們現有功能差不多,並且sublime更加輕巧,但是我覺得相比於sublime,Atom的優勢也很明顯,界面更加優美,功能強大,插件使用方便,可擴展性強等等。。。

優美

Atom裝了expose這個插件之后,mac用戶使用shift+command+e組合鍵可以得到意想不到的酷炫!!下面是截圖為證,可以方便的看到每一個文件大概的內容,快速選擇已經打開的文件。方便!!!優美!!!

screenshot

和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:這是一個主題插件,他有自帶的一些動態效果,特別酷炫。話不多說,自己試試就知道。

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

screenshot

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插件)

如果有需要,大家去看這個鏈接吧,里面的快捷鍵總結非常的全面,想看點這里


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM