來源:https://github.com/atom-china/manual
當(dāng)你安裝好了 Atom 之后,讓我們來認(rèn)識(shí)一下它吧。
當(dāng)你第一次打開 Atom 的時(shí)候,你會(huì)看到這樣的一個(gè)窗口:
這是 Atom 的歡迎屏幕(welcome screen),它展示了一些不錯(cuò)的建議,幫助你了解 Atom.
讓我們先來了解一下接下來要用到的幾個(gè)術(shù)語:
緩沖區(qū)(Buffer) 代表了 Atom 中的一個(gè)文件的文本內(nèi)容,它基本上相當(dāng)于一個(gè)真正的文件,但它是被 Atom 維護(hù)在內(nèi)存中的,如果你修改了它,在你保存之前,緩沖區(qū)的內(nèi)容都不會(huì)被寫入到硬盤里。
窗格(Pane) 代表 Atom 中的一個(gè)可見區(qū)域。例如在歡迎屏幕上你可以看到四個(gè)窗格:用來切換文件的標(biāo)簽欄(tab bar),用來顯示行號(hào)的邊框(gutter),底部的狀態(tài)欄(status bar),以及文本編輯器。
當(dāng)你按下 cmd-shift-P
并且當(dāng)前焦點(diǎn)在一個(gè)窗格上的時(shí)候,命令面板就會(huì)彈出來。
在這個(gè)教程中我們會(huì)用類似 cmd-shift-P
的形式來運(yùn)行命令,這是 Atom 在 Mac 上的默認(rèn)快捷鍵,如果你在其他的平臺(tái)上使用 Atom, 可能會(huì)稍有不同。如果某個(gè)快捷鍵無法工作,你可以通過命令面板來查找正確的快捷鍵。
在 Atom 中幾乎所有的操作都通過這種搜索驅(qū)動(dòng)的菜單來完成,你只需要按下 cmd-shift-P
來搜索命令,而不必在復(fù)雜的傳統(tǒng)菜單欄間點(diǎn)來點(diǎn)去。
除了搜索數(shù)以千計(jì)的命令之外,命令面板上會(huì)顯示每個(gè)命令對(duì)應(yīng)的快捷鍵,這意味著你可以在使用這些命令的同時(shí)學(xué)習(xí)對(duì)應(yīng)的快捷鍵,以便之后使用。
在本書的剩余部分我們會(huì)向你介紹一些命令,你可以在命令面板中搜索,或使用對(duì)應(yīng)的快捷鍵。
Atom 有很多選項(xiàng)和偏好設(shè)置,你可以在設(shè)置界面修改它們。
在設(shè)置界面中,你可以修改主題、修改文本折行的行為(wrapping)、字體大小、縮進(jìn)寬度、滾動(dòng)速度等選項(xiàng)。你也可以用這個(gè)界面安裝新的插件和主題,我們?cè)?Atom Packages 中介紹了這個(gè)話題。
你可以通過菜單欄中 Atom 下的 Preferences 菜單項(xiàng)打開設(shè)置界面。你也可以在命令面板中搜索 settings-view:open
或使用快捷鍵 cmd-,
.
你可以在設(shè)置界面中修改 Atom 的主題,Atom 內(nèi)建了 4 個(gè)不同的 UI 主題,分別是亮色和暗色版本的名為 Atom 和 One 的主題。以及 8 個(gè)不同的語法著色主題。你可以通過點(diǎn)擊左邊欄的 Themes 選項(xiàng)卡來改變當(dāng)前主題,或安裝新的主題。
UI 主題會(huì)修改標(biāo)簽欄、左側(cè)目錄樹(tree view)等 UI 元素的顏色;而語法著色主題修改編輯器中文字的語法高亮方案。你只需要簡(jiǎn)單地在下拉框中選擇另一項(xiàng),即可修改主題。
在 Atom.io 上有數(shù)十種主題供你選擇,如果你想要一個(gè)獨(dú)一無二的主題,我們也在 Basic Customization 中介紹了如何自定義主題,還在 Creating a Theme 中介紹了如何創(chuàng)建一個(gè)主題。
你可以通過設(shè)置界面指定 Atom 處理空白和折行的策略。
當(dāng)你啟用了 Soft Tabs, Atom 將會(huì)在你按 tab
鍵時(shí)用空格來替代真正的制表符,Tab Length 則指定了一個(gè)制表符代表多少個(gè)空格,或者當(dāng) Soft Tabs 被禁用時(shí)多少個(gè)空格相當(dāng)于一個(gè)制表符。
如果開啟了 Soft Wrap 選項(xiàng),Atom 會(huì)在一行中的文本超出屏幕顯示范圍時(shí)將其折為兩行,如果禁用了這個(gè)選項(xiàng),過長(zhǎng)的行將簡(jiǎn)單地超出屏幕顯示范圍,你必須要橫向移動(dòng)滾動(dòng)條才能看到剩余的部分。如果 Soft Wrap At Preferred Line Length 選項(xiàng)被開啟,則總是會(huì)在 80 個(gè)字符處折行,你也可以設(shè)置一個(gè)自定義的長(zhǎng)度來替換掉默認(rèn)的 80 個(gè)字符。
在 Basic Customization 中我們會(huì)介紹如何為不同的文件類型(例如你希望在 Markdown 文件中折行,但不希望在代碼中也是如此)設(shè)置不同的折行配置。
在 Atom 的開發(fā)過程中,偶爾會(huì)有一些新功能,但沒有默認(rèn)啟用給所有用戶。如果你愿意的話,你可以在設(shè)置界面中提前體驗(yàn)這些功能。
這對(duì)于插件開發(fā)者來說非常有用,開發(fā)者可以在一個(gè)功能被默認(rèn)啟用之前,測(cè)試他們維護(hù)的插件與新功能的兼容性。
你也可能僅僅是因?yàn)槠诖磳⒌絹淼男鹿δ?,所以時(shí)不時(shí)來這里看一看。
現(xiàn)在我們已經(jīng)設(shè)置好了編輯器,讓我們來了解一下如何打開和編輯文件吧,畢竟這才是一個(gè)文本編輯器真正的功能。
在 Atom 中有幾種方式可以打開一個(gè)文件。你可以在菜單欄中點(diǎn)擊 File 菜單下的 Open, 或者用快捷鍵 cmd-O
, 用操作系統(tǒng)的對(duì)話框選擇一個(gè)文件。
這在打開一個(gè)不屬于當(dāng)前項(xiàng)目的文件非常有用,或者更可能是你剛打開一個(gè)新的窗口。
另一種打開文件的方法是用命令行。在 Atom 的菜單欄中有一個(gè)名為 Install Shell Commands 的菜單項(xiàng),他會(huì)向你的終端中安裝一個(gè)新的名為 atom
的命令,你可以用一個(gè)或多個(gè)文件路徑作為參數(shù)去運(yùn)行 atom
命令。
$ atom -h
Atom Editor v0.152.0
Usage: atom [options] [path ...]
One or more paths to files or folders may be specified. If there is an
existing Atom window that contains all of the given folders, the paths
will be opened in that window. Otherwise, they will be opened in a new
window.
...
這對(duì)于從終端中打開一個(gè)文件來說非常有用,只需運(yùn)行 atom [files]
即可。
你可以非常簡(jiǎn)單地編輯一個(gè)文件,你只需要用你的鼠標(biāo)點(diǎn)擊一個(gè)位置,然后用鍵盤輸入內(nèi)容即可,Atom 沒有特殊的命令或快捷鍵來進(jìn)入「編輯模式」。
你可以用菜單欄的 File >> Save 或快捷鍵 cmd-S
來保存文件,或者你可以用 Save As 或 cmd-shift-S
將文件另存為到另一個(gè)路徑。最后,你可以用 ctl-shift-S
快捷鍵一次保存 Atom 中所有打開的文件。
Atom 不僅僅可以編輯單個(gè)文件;大多數(shù)情況下你需要編輯由若干個(gè)文件組成的項(xiàng)目(Project)。你可以在菜單欄 File >> Open 彈出的對(duì)話框中選擇一個(gè)目錄,或者你也可以通過 File >> Add Project Folder… 或快捷鍵 cmd-shift-O
在一個(gè)窗口中打開多個(gè)目錄。
你也可以在命令行下,將多個(gè)路徑作為參數(shù)傳遞給 atom
. 例如 atom ./hopes ./dreams
會(huì)讓 Atom 同時(shí)打開 hopes 和 dreams 這兩個(gè)目錄。
當(dāng)你用 Atom 打開一個(gè)或多個(gè)目錄時(shí),目錄樹會(huì)自動(dòng)地出現(xiàn)在窗口左側(cè)。
目錄樹允許你查看和修改當(dāng)前項(xiàng)目的目錄結(jié)構(gòu),你可以在目錄樹中打開文件、重命名文件、刪除文件、創(chuàng)建文件。
你可以通過快捷鍵 cmd-\ 或 tree-view:toggle
命令來隱藏或重新顯示目錄樹,用快捷鍵 ctrl-0
可以將焦點(diǎn)切換到目錄樹。當(dāng)焦點(diǎn)位于目錄樹上時(shí),你可以用快捷鍵 a
、m
以及 delete
來創(chuàng)建、移動(dòng)或刪除文件和目錄。你還可以簡(jiǎn)單地在目錄樹中用右鍵點(diǎn)擊文件,你可以看到更多選項(xiàng),除了前面提到的,還可以在操作系統(tǒng)的文件瀏覽器中顯示文件、復(fù)制文件的路徑到剪貼板。
當(dāng)你在 Atom 中打開了一個(gè)項(xiàng)目(即目錄)后,你就可以簡(jiǎn)單地查找并打開來自項(xiàng)目中文件了。
當(dāng)你按下 cmd-T
或 cmd-P
的時(shí)候,模糊查找框(Fuzzy Finder)就會(huì)彈出。它允許你通過輸入文件名或路徑的一部分,在整個(gè)項(xiàng)目中模糊查找相應(yīng)的文件。
你也可以通過 cmd-B
來只查找已經(jīng)打開的文件,而不是所有文件。你還可以用 cmd-shift-B
來只查找從上次 Git 提交之后修改過或新增的文件。
模糊查找框會(huì)根據(jù) core.ignoredNames
和 fuzzy-finder.ignoredNames
這兩個(gè)選項(xiàng)來決定不查找哪些文件。如果在你的項(xiàng)目里有很多你不希望它們出現(xiàn)在模糊查找框的文件,那么你可以在選項(xiàng)中添加它們的路徑或使用通配符。你可以在設(shè)置界面的 Core Settings 下找到這兩個(gè)選項(xiàng),之后我們會(huì)在 Basic Customization 一節(jié)中介紹更多的選項(xiàng)。
這些選項(xiàng)的通配符功能由名為 minimatch 的一個(gè) Node.js 庫(kù)提供,你可以在這里了解到它的語法:https://github.com/isaacs/minimatch
在 core.excludeVcsIgnoredPaths 這個(gè)選項(xiàng)被開啟時(shí),模糊查找框會(huì)忽略 .gitignore 中指定的的文件,你可以在設(shè)置界面中修改這些選項(xiàng)。
就像 Atom 的其他很多部分一樣,目錄樹也并非直接內(nèi)建在 Atom 中,它是一個(gè)獨(dú)立的插件,被捆綁在 Atom 發(fā)行版中并默認(rèn)啟用。
你可以在這里找到目錄樹插件的源代碼:https://github.com/atom/tree-view
Atom 有趣的部分之一就是,很多核心功能實(shí)際上只是一個(gè)普通的插件——你也可以用類似的方式來實(shí)現(xiàn)其他功能。這意味著如果你不喜歡默認(rèn)的目錄樹,你完全可以簡(jiǎn)單地自己編寫一個(gè),然后將默認(rèn)的目錄樹替換掉。