Atom 文本編輯器

本文即為在 Atom 下編寫(xiě)完成，在寫(xiě)作過(guò)程中讓我對(duì)這個(gè)嶄新的 1.0 版本文本編輯器 有了更多的了解。 在閱讀本文時(shí)注意快捷鍵于后面英文單詞的對(duì)應(yīng)可幫助記憶，在使用中忘記的快捷鍵以可以通過(guò)使用 查詢(xún)面板（后面會(huì)提到）進(jìn)行查詢(xún)。 如果你在使用過(guò)程中發(fā)現(xiàn)了異常和錯(cuò)誤可以到 Atom 所在的 GitHub 倉(cāng)庫(kù)提交問(wèn)題報(bào)告。同一款編輯器一同成長(zhǎng)，愿力量與你同在！ 下面的快捷鍵均為 Mac OS X 默認(rèn)設(shè)置。如你用的是 Windows 或者是 Linux，可能需要嘗試將 所有提到的 cmd 改為 ctrl。

基礎(chǔ)中的基礎(chǔ)

開(kāi)始之前先把下面這條快捷鍵記住。cmd+shift+P 它會(huì)打開(kāi)類(lèi)似 Alfred 的快捷功能選擇窗口， 如果你從來(lái)沒(méi)有聽(tīng)過(guò) Alfred（此為 Mac OS X 特有應(yīng)用） 那你應(yīng)該趕緊去所搜引擎中找找了。

保存時(shí)間

打開(kāi)文件與目錄

如果在命令行環(huán)境中可以使用下面的方法一次打開(kāi)多個(gè)目錄。

# 打開(kāi)目錄
atom ./hopes ./dreams

# 獲得幫助
atom -h

cmd-P 可以打開(kāi) Fuzzy Finder 進(jìn)行模糊搜索，默認(rèn)可所搜區(qū)域?yàn)轫?xiàng)目?jī)?nèi)所有文件。 下面的命令可以對(duì)模糊所搜做一些限制，cmd-B 只所搜已打開(kāi)的文件（存在與 Buffer 中的文件）。 cmd-shift-B

1.0 版本中在編輯器中添加的新文件無(wú)法使用 Fuzzy Finder（模糊尋找） 找到，重啟后則可以解決。

邊欄（樹(shù)目錄）

在聚焦后可以通過(guò) a 來(lái)增加（add），m 來(lái)移動(dòng)（move），d 來(lái)復(fù)制（duplicate）或者 delete 來(lái)刪除（此處為鍵盤(pán)刪除鍵）。 這里的操作并沒(méi)有自動(dòng)路徑補(bǔ)全功能，之后可能需要插件支持。

開(kāi)始使用

Atom 中幾乎所有的功能都是以插件的形式存在的。所有如何安裝插件則就是我們第一件要做的事。 除了圖形界面安裝的方法外，隨 Atom 還安裝了插件管理器叫做 apm 。通過(guò)它也可以直接安裝 和更新插件。簡(jiǎn)單說(shuō)主題也是插件，所以安裝主題與安裝插件的步驟類(lèi)似。

下面的操作均需要聯(lián)網(wǎng)

# 安裝插件
apm install <package_name>

# 安裝指定版本的插件
apm install <package_name>@<package_version>

# 查詢(xún)插件
apm search <package_name>

# 查詢(xún)插件詳情
apm view <package_name>

移動(dòng)光標(biāo)

Atom 的移動(dòng)快方法同 Emacs 一致。在熟悉使用 Atom 后也很容易的轉(zhuǎn)移至 Emacs 的環(huán)境下熟練工作。

單個(gè)字符的移動(dòng)，效果于方向鍵一致。

在單個(gè)字符移動(dòng)基礎(chǔ)上，可以延展至更大范圍的移動(dòng)。例如，單詞，整行。

ctrl-G 加數(shù)字可移動(dòng)至目標(biāo)行，使用 row:column 可以定位行數(shù)和列數(shù)， 使用這個(gè)方法在查找錯(cuò)誤時(shí)變得十分方便。

cmd-R 可以在當(dāng)前文件中（Buffer）按照符號(hào)來(lái)搜索，符號(hào)關(guān)鍵字指的是函數(shù)名（代碼中） 或標(biāo)題（文檔中）。

選擇

選擇是在移動(dòng)的基礎(chǔ)上加入 shift 既可完成。特別的幾種選擇方法如下。

編輯與刪除

Atom 如同其他的常用的文本編輯器一樣可以直接編輯文字，并不存在特殊的模式。但了解下面的 編輯技巧可以讓你使用 Atom 更得心應(yīng)手。

編輯操作

刪除操作

多個(gè)光標(biāo)及選擇

同 Sublime Text 相同，Atom 也同樣有多光標(biāo)的實(shí)現(xiàn)。 按住cmd可以在文本中使用進(jìn)行區(qū)域性選擇。

括號(hào)

編程中最常打交道和需要跳出的莫屬于括號(hào)和引號(hào)了。Atom 對(duì)于括號(hào)有很好的處理辦法， 各種括號(hào)在光標(biāo)內(nèi)移動(dòng)都會(huì)被自動(dòng)高亮（引號(hào)和 HTML 中的標(biāo)簽也會(huì)被高亮和自動(dòng)補(bǔ)全）。 選中內(nèi)容后使用括號(hào)可以自動(dòng)將選中內(nèi)容包含在括號(hào)或引號(hào)內(nèi)。

搜索與替換

在項(xiàng)目搜索中可以使用 wildcard 和指定目標(biāo)的搜索路徑。

代碼片段（Snippets）

代碼片段讓你在寫(xiě)代碼時(shí)有飛一般的感覺(jué)，代碼片段會(huì)將預(yù)先設(shè)置好的代碼片段替換在當(dāng)前文本中， 并且設(shè)置焦點(diǎn)并用 tab 聚焦下一個(gè)焦點(diǎn)， 或 shift + tab 聚焦上一個(gè)焦點(diǎn)。

所有的代碼片都存儲(chǔ)在下面的目錄中 ~/.atom/snippets.cson， 你可以通過(guò) Open Your Snippets Menu 打開(kāi)此文件。

當(dāng)然制作代碼片也有一個(gè)代碼片，它就是 snip 。

制作代碼片段

下面是一個(gè)簡(jiǎn)單的代碼片樣例。

'.source.js':
  'console.log':
    'prefix': 'log'
    'body': 'console.log(${1: "crash"});$2'

• .source.js 為代碼片可用的文件類(lèi)型范圍
• console.log 為代碼片內(nèi)容描述
• prefix 為代碼片調(diào)用字符
• body 代碼片主體內(nèi)容
• ${1:'crash'} 用于定義焦點(diǎn)，順序及其默認(rèn)值

多行代碼代碼片

'.source.js':
  'if, else if, else':
    'prefix': 'ieie'
    'body': """
      if (${1:true}) {
        $2
      } else if (${3:false}) {
        $4
      } else {
        $5
      }
    """

代碼折疊

可以點(diǎn)擊代碼行號(hào)邊的箭頭折疊當(dāng)前層級(jí)的代碼。

多窗口模式

任意一個(gè)窗口都可以無(wú)需的四面分割，分割的部分則依然使用標(biāo)簽來(lái)表示。

解碼（Encoding）

Atom 支持多種解碼格式（包括中文 GBK 的支持），也可自動(dòng)識(shí)別解碼方式 （不能識(shí)別時(shí)則默認(rèn)為 UTF-8）。當(dāng)然你也可以使用這種方法將多種文本在多種解碼格式直接轉(zhuǎn)換。

書(shū)簽

在 Atom 添加書(shū)簽就如同你看書(shū)的時(shí)添加書(shū)簽一樣，它使你在書(shū)寫(xiě)代碼時(shí)可以自如的跳轉(zhuǎn)到你需要的 位置。

擴(kuò)展插件

下面列出了筆者在日常 Web 開(kāi)發(fā)中所易用的插件，這些插件滿(mǎn)足了超過(guò)百分之九十筆者的開(kāi)發(fā)需求。下面的這些插件均可以在官方插件管理器中進(jìn)行下載和安裝。

[
    {
        "name": "advanced-new-file",
        "version": "0.4.3"
    },
    {
        "name": "advanced-open-file",
        "version": "0.8.2"
    },
    {
        "name": "atom-beautify",
        "version": "0.28.8"
    },
    {
        "name": "AtomicChar",
        "version": "0.3.8"
    },
    {
        "name": "autocomplete-paths",
        "version": "1.0.2"
    },
    {
        "name": "docblockr",
        "version": "0.7.3"
    },
    {
        "name": "ex-mode",
        "version": "0.7.0"
    },
    {
        "name": "file-icons",
        "version": "1.6.2"
    },
    {
        "name": "language-jade",
        "version": "0.6.2"
    },
    {
        "name": "linter",
        "version": "1.3.0"
    },
    {
        "name": "linter-jshint",
        "version": "1.1.4"
    },
    {
        "name": "markdown-toc",
        "version": "0.3.0"
    },
    {
        "name": "merge-conflicts",
        "version": "1.3.5"
    },
    {
        "name": "minimap",
        "version": "4.12.2"
    },
    {
        "name": "minimap-linter",
        "version": "1.0.0"
    },
    {
        "name": "open-in-browser",
        "version": "0.4.6"
    },
    {
        "name": "pigments",
        "version": "0.9.3"
    },
    {
        "name": "sort-lines",
        "version": "0.11.0"
    },
    {
        "name": "sync-settings",
        "version": "0.6.0"
    },
    {
        "name": "tab-switcher",
        "version": "1.2.1"
    },
    {
        "name": "theme-switcher",
        "version": "1.1.0"
    },
    {
        "name": "vim-mode",
        "version": "0.57.0"
    },
    {
        "name": "atom-dark-syntax",
        "version": "0.27.0",
        "theme": "syntax"
    },
    {
        "name": "atom-dark-ui",
        "version": "0.49.0",
        "theme": "ui"
    },
    {
        "name": "atom-light-syntax",
        "version": "0.28.0",
        "theme": "syntax"
    },
    {
        "name": "atom-light-ui",
        "version": "0.41.0",
        "theme": "ui"
    },
    {
        "name": "base16-tomorrow-dark-theme",
        "version": "0.26.0",
        "theme": "syntax"
    },
    {
        "name": "base16-tomorrow-light-theme",
        "version": "0.9.0",
        "theme": "syntax"
    },
    {
        "name": "one-dark-ui",
        "version": "1.0.2",
        "theme": "ui"
    },
    {
        "name": "one-dark-syntax",
        "version": "1.1.0",
        "theme": "syntax"
    },
    {
        "name": "one-light-syntax",
        "version": "1.1.0",
        "theme": "syntax"
    },
    {
        "name": "one-light-ui",
        "version": "1.0.2",
        "theme": "ui"
    },
    {
        "name": "solarized-dark-syntax",
        "version": "0.38.1",
        "theme": "syntax"
    },
    {
        "name": "solarized-light-syntax",
        "version": "0.22.1",
        "theme": "syntax"
    },
    {
        "name": "about",
        "version": "1.0.1"
    },
    {
        "name": "archive-view",
        "version": "0.58.0"
    },
    {
        "name": "autocomplete-atom-api",
        "version": "0.9.2"
    },
    {
        "name": "autocomplete-css",
        "version": "0.9.0"
    },
    {
        "name": "autocomplete-html",
        "version": "0.7.2"
    },
    {
        "name": "autocomplete-plus",
        "version": "2.19.0"
    },
    {
        "name": "autocomplete-snippets",
        "version": "1.7.1"
    },
    {
        "name": "autoflow",
        "version": "0.25.0"
    },
    {
        "name": "autosave",
        "version": "0.22.0"
    },
    {
        "name": "background-tips",
        "version": "0.25.0"
    },
    {
        "name": "bookmarks",
        "version": "0.35.0"
    },
    {
        "name": "bracket-matcher",
        "version": "0.76.0"
    },
    {
        "name": "command-palette",
        "version": "0.36.0"
    },
    {
        "name": "deprecation-cop",
        "version": "0.53.1"
    },
    {
        "name": "dev-live-reload",
        "version": "0.46.0"
    },
    {
        "name": "encoding-selector",
        "version": "0.21.0"
    },
    {
        "name": "exception-reporting",
        "version": "0.36.0"
    },
    {
        "name": "find-and-replace",
        "version": "0.175.0"
    },
    {
        "name": "fuzzy-finder",
        "version": "0.87.0"
    },
    {
        "name": "git-diff",
        "version": "0.55.0"
    },
    {
        "name": "go-to-line",
        "version": "0.30.0"
    },
    {
        "name": "grammar-selector",
        "version": "0.47.0"
    },
    {
        "name": "image-view",
        "version": "0.54.0"
    },
    {
        "name": "incompatible-packages",
        "version": "0.24.1"
    },
    {
        "name": "keybinding-resolver",
        "version": "0.33.0"
    },
    {
        "name": "link",
        "version": "0.30.0"
    },
    {
        "name": "markdown-preview",
        "version": "0.150.0"
    },
    {
        "name": "metrics",
        "version": "0.51.0"
    },
    {
        "name": "notifications",
        "version": "0.57.0"
    },
    {
        "name": "open-on-github",
        "version": "0.37.0"
    },
    {
        "name": "package-generator",
        "version": "0.40.0"
    },
    {
        "name": "release-notes",
        "version": "0.53.0"
    },
    {
        "name": "settings-view",
        "version": "0.211.2"
    },
    {
        "name": "snippets",
        "version": "0.95.0"
    },
    {
        "name": "spell-check",
        "version": "0.59.0"
    },
    {
        "name": "status-bar",
        "version": "0.75.1"
    },
    {
        "name": "styleguide",
        "version": "0.44.0"
    },
    {
        "name": "symbols-view",
        "version": "0.100.0"
    },
    {
        "name": "tabs",
        "version": "0.82.0"
    },
    {
        "name": "timecop",
        "version": "0.31.0"
    },
    {
        "name": "tree-view",
        "version": "0.180.0"
    },
    {
        "name": "update-package-dependencies",
        "version": "0.10.0"
    },
    {
        "name": "whitespace",
        "version": "0.30.0"
    },
    {
        "name": "wrap-guide",
        "version": "0.35.0"
    },
    {
        "name": "language-c",
        "version": "0.45.0"
    },
    {
        "name": "language-clojure",
        "version": "0.16.0"
    },
    {
        "name": "language-coffee-script",
        "version": "0.41.0"
    },
    {
        "name": "language-csharp",
        "version": "0.6.0"
    },
    {
        "name": "language-css",
        "version": "0.32.1"
    },
    {
        "name": "language-gfm",
        "version": "0.80.0"
    },
    {
        "name": "language-git",
        "version": "0.10.0"
    },
    {
        "name": "language-go",
        "version": "0.31.0"
    },
    {
        "name": "language-html",
        "version": "0.40.0"
    },
    {
        "name": "language-hyperlink",
        "version": "0.14.0"
    },
    {
        "name": "language-java",
        "version": "0.15.0"
    },
    {
        "name": "language-javascript",
        "version": "0.85.0"
    },
    {
        "name": "language-json",
        "version": "0.15.0"
    },
    {
        "name": "language-less",
        "version": "0.28.1"
    },
    {
        "name": "language-make",
        "version": "0.14.0"
    },
    {
        "name": "language-mustache",
        "version": "0.12.0"
    },
    {
        "name": "language-objective-c",
        "version": "0.15.0"
    },
    {
        "name": "language-perl",
        "version": "0.28.0"
    },
    {
        "name": "language-php",
        "version": "0.27.0"
    },
    {
        "name": "language-property-list",
        "version": "0.8.0"
    },
    {
        "name": "language-python",
        "version": "0.38.0"
    },
    {
        "name": "language-ruby",
        "version": "0.57.0"
    },
    {
        "name": "language-ruby-on-rails",
        "version": "0.22.0"
    },
    {
        "name": "language-sass",
        "version": "0.40.0"
    },
    {
        "name": "language-shellscript",
        "version": "0.15.0"
    },
    {
        "name": "language-source",
        "version": "0.9.0"
    },
    {
        "name": "language-sql",
        "version": "0.17.0"
    },
    {
        "name": "language-text",
        "version": "0.7.0"
    },
    {
        "name": "language-todo",
        "version": "0.25.0"
    },
    {
        "name": "language-toml",
        "version": "0.16.0"
    },
    {
        "name": "language-xml",
        "version": "0.30.0"
    },
    {
        "name": "language-yaml",
        "version": "0.22.0"
    }
]