天天看點

新編碼神器Atom使用紀要

[Atom](https://atom.io/)是 `Github` 專門為程式員推出的一個跨平台文本編輯器。她很大程度上繼承了SublimeText的美,而又不僅如此。有費了蠻大力氣總結了一篇關于SublimeText文章: [如何優雅地使用Sublime Text](http://www.jeffjade.com/2015/12/15/2015-04-17-toss-sublime-text/),這其中可以感受個人對于Sublime的鐘愛。而如今試用了 `Atom` 一個多月以來,我被迫見異思遷了,幸好我不是一個喜新厭舊的男人~在編碼砌字時,很多時候一款編輯器的标簽不夠用的,是以現在兩款兼而用之。

Atom是

Github

專門為程式員推出的一個跨平台文本編輯器。她很大程度上繼承了SublimeText的美,而又不僅如此。有費了蠻大力氣總結了一篇關于SublimeText文章: 如何優雅地使用Sublime Text,這其中可以感受個人對于Sublime的鐘愛。而如今試用了

Atom

一個多月以來,我被迫見異思遷了,幸好我不是一個喜新厭舊的男人~在編碼砌字時,很多時候一款編輯器的标簽不夠用的,是以現在兩款兼而用之。

如覺此處排版不盡如你意,可移步這裡: 新編碼神器Atom使用紀要檢視。

Atom與SublimeText3對比

  • Atom1.0之後,有比Sublime更美的UI,不輸Sublime的插件包,比Sublime更加舒适的細節,比如:Atom下

    cmd-\

    顯示或隐藏目錄樹;(Sublime預設是

    Ctrl+K+B

    )。
  • 更為簡潔人性化的設定/插件安裝等(當然SublimeText也不太複雜)。
  • Atom算是一款web app,源碼都是 CoffeeScript 寫的,連界面都可以用 CSS 來自定義,擴充可以用JS開發,完全可以深度定制打造自己的IDE。Sublime基于Python,兩者擴充性都非常強。
  • Atom 暫時還是免費的。而SublimeText,額,一直會彈那個框(使用網上注冊碼?)。
  • Markdown

    的支援更加完美(見下文);這一點真心是贊的不要不要的。
  • 類Web App嘛,對各平台的支援更為有好;比如:在mac下打開xxx檔案/檔案夾,Atom:terminal下直接 atom xxx 即可。而SublimeText會相對繁瑣很多,比如為其添加系統别名,可參見Mac必備軟體漸集之ZSH-終極Shell。windows下,安裝了 Atom,就已經在滑鼠右鍵清單了。
  • Atom

    ,類Web的年輕一代編輯神器,在打開軟體速度上稍遜SublimeText3。相比之下,對大檔案響應處理上相比之下,還需很大提升。不過潛力還是挺足的。
  • Atom 有友好的中文社群Atom China。

關于如何初步使用Atom,可以參見 官方手冊:Atom 基礎使用。

Atom安裝篇

Atom軟體本身安裝

  1. 可以去Atom官網下載下傳安裝包,跟普通安裝一緻。
  2. 可以在終端terminal中安裝:
  • Mac OS

    brew install Caskroom/cask/atom

  • Window OS

    可以用管理者身份打開Powershell,然後用 choco install 去安裝 Atom.

    choco install atom
               

這一點具體可以參見文章:Win下必備神器之Cmder

Atom的插件安裝

  1. Command+Shift+P

    呼出設定界面,點選 Install ,在調出的頁面輸入框中輸入你想安裝的插件名,搜尋這個插件,然後再出現的插件選項中點選下載下傳。
  2. Atom編輯器還自帶了一個叫做

    apm

    (Atom Package Manager)的包管理工具,用過npm的同學應該對包管理工具不會陌生,我們可以通過apm查找Atom插件,安裝和删除插件等操作。比如對emmet插件的操作。
    //查找

    apm search emmet

    //安裝

    apm install emmet

    //删除

    apm remove emmet

Atom快捷鍵篇

檔案切換

ctrl-shift-s

儲存所有打開的檔案

cmd-shift-o

打開目錄

cmd-\

顯示或隐藏目錄樹

ctrl-0

焦點移到目錄樹

目錄樹下,使用a,m,delete來增加,修改和删除

cmd-t

cmd-p

查找檔案

cmd-b

在打開的檔案之間切換

cmd-shift-b

隻搜尋從上次git commit後修改或者新增的檔案

導航

(等價于上下左右)

ctrl-p

前一行

ctrl-n

後一行

ctrl-f

前一個字元

ctrl-b

後一個字元

alt-B

,

alt-left

移動到單詞開始

alt-F

alt-right

移動到單詞末尾

cmd-right

ctrl-E

移動到一行結束

cmd-left

ctrl-A

移動到一行開始

cmd-up

移動到檔案開始

cmd-down

移動到檔案結束

ctrl-g

移動到指定行 row:column 處

cmd-r

在方法之間跳轉

目錄樹操作

cmd-\

或者

cmd-k cmd-b

顯示(隐藏)目錄樹

ctrl-0

焦點切換到目錄樹(再按一次或者

Esc

退出目錄樹)

a

添加檔案

d

将目前檔案另存為(duplicate)

i

顯示(隐藏)版本控制忽略的檔案

alt-right

alt-left

展開(隐藏)所有目錄

ctrl-al-]

ctrl-al-[

同上

ctrl-[

ctrl-]

展開(隐藏)目前目錄

ctrl-f

ctrl-b

cmd-k h

cmd-k left

在左半視圖中打開檔案

cmd-k j

cmd-k down

在下半視圖中打開檔案

cmd-k k

cmd-k up

在上半視圖中打開檔案

cmd-k l

cmd-k right

在右半視圖中打開檔案

ctrl-shift-C

複制目前檔案絕對路徑

書簽

cmd-F2

在本行增加書簽

F2

跳到目前檔案的下一條書簽

shift-F2

跳到目前檔案的上一條書簽

ctrl-F2

列出目前工程所有書簽

選取

大部分和導航一緻,隻不過加上shift

ctrl-shift-P

選取至上一行

ctrl-shift-N

選取至下一樣

ctrl-shift-B

選取至前一個字元

ctrl-shift-F

選取至後一個字元

alt-shift-B

alt-shift-left

選取至字元開始

alt-shift-F

alt-shift-right

選取至字元結束

ctrl-shift-E

cmd-shift-right

選取至本行結束

ctrl-shift-A

cmd-shift-left

選取至本行開始

cmd-shift-up

選取至檔案開始

cmd-shift-down

選取至檔案結尾

cmd-A

全選

cmd-L

選取一行,繼續按回選取下一行

ctrl-shift-W

選取目前單詞

編輯和删除文本

基本操作

ctrl-T

使光标前後字元交換

cmd-J

将下一行與目前行合并

ctrl-cmd-up

ctrl-cmd-down

使目前行向上或者向下移動

cmd-shift-D

複制目前行到下一行

cmd-K

cmd-U

使目前字元大寫

cmd-K

cmd-L

使目前字元小寫

删除和剪切

ctrl-shift-K

删除目前行

cmd-backspace

删除到目前行開始

cmd-fn-backspace

删除到目前行結束

ctrl-K

剪切到目前行結束

alt-backspace

alt-H

删除到目前單詞開始

alt-delete

alt-D

删除到目前單詞結束

多光标和多處選取

cmd-click

增加新光标

cmd-shift-L

将多行選取改為多行光标

ctrl-shift-up

ctrl-shift-down

增加上(下)一行光标

cmd-D

選取文檔中和目前單詞相同的下一處

ctrl-cmd-G

選取文檔中所有和目前光标單詞相同的位置

括号跳轉

ctrl-m

相應括号之間,html tag之間等跳轉

ctrl-cmd-m

括号(tag)之間文本選取

alt-cmd-.

關閉目前XML/HTML tag

編碼方式

ctrl-shift-U

調出切換編碼選項

查找和替換

cmd-F

在buffer中查找

cmd-shift-f

在整個工程中查找

代碼片段

alt-shift-S

檢視目前可用代碼片段

~/.atom

目錄下

snippets.cson

檔案中存放了你定制的snippets

定制說明

自動補全

ctrl-space

提示補全資訊

折疊

alt-cmd-[

alt-cmd-]

展開

alt-cmd-shift-{

折疊全部

alt-cmd-shift-}

展開全部

cmd-k cmd-N

指定折疊層級 N為層級數

檔案文法高亮

ctrl-shift-L

選擇文本類型

使用Atom進行寫作

ctrl-shift-M

Markdown預覽

可用代碼片段

b, legal, img, l, i, code, t, table

git操作

cmd-alt-Z

checkout HEAD 版本

cmd-shift-B

彈出untracked 和 modified檔案清單

alt-g down

alt-g up

在修改處跳轉

alt-G D

彈出diff清單

alt-G O

在github上打開檔案

alt-G G

在github上打開項目位址

alt-G B

在github上打開檔案blame

alt-G H

在github上打開檔案history

alt-G I

在github上打開issues

alt-G R

在github打開分支比較

alt-G C

拷貝目前檔案在gihub上的網址

推薦一些好用的插件

  • 主題
    • seti-uiA dark colored UI theme for Atom with custom file icons. (+Seti Syntax)
    • atom-material-ui 好看到爆
    • atom-material-syntax
  • 美化
    • atom-beautify 一鍵代碼美化
    • file-icons 給檔案加上好看的圖示
    • atom-minimap 友善美觀的縮略滾動圖
  • git
    • atomatigit 可視化git操作
  • 代碼提示

    -emmet 這個不用介紹了吧,前端開發必備,誰用誰知道;

    • atom-ternjs js代碼提示很強大,高度定制化
    • docblockr jsdoc 給js添加注釋
    • color-picker 取色器 必備插件
    • pigments 顔色顯示插件 必裝
    • terminal-panel 直接在atom裡面寫指令了
    • svg-preview svg預覽
    • 便捷操作
    • advanced-open-file 快速打開、切換檔案
  • 代碼校驗
    • linter代碼校驗工具;A Base Linter with Cow Powers
  • Web前端
    • autoclose-html 閉合html标簽
    • language-vue-component Atom編寫Vue高亮
    • vue-autocompile Auto compiles vue in atom
    • language-vue Syntax highlighting for vue component files

其插件已相當豐滿,可以在這裡搜尋查找。Packages make Atom do amazing things.

舒爽書寫作(Markdown)

Atom有自帶MarkdownPreview,支援

Ctrl+Shift+M

實時預覽。裝上markdown-writer插件,根據其預設配置:Settings for Keymaps,完美;想必之下比

SublimeText

下的書寫爽很多;也比

簡書

作業部落

要更為強大。 比如對已經寫下的文字加粗,選中

Command+B

即可;如果文字還沒寫,空格下 Command+B 就會生成

**|**

,光标在第二個

*

之後,很是友善。 當然這快捷是可以更改的,

cmd + shift + p

輸入setting呼出設定界面自行更改。

markdown-writer

書寫 Markdown 預設快捷鍵如下:

快捷鍵操作 作用效果
"shift-cmd-K": "markdown-writer : ** insert-link"**
"shift-cmd-I": "markdown-writer : ** insert-image"**
"cmd-i": "markdown-writer : ** toggle-italic-text"**
"cmd-b": "markdown-writer : ** toggle-bold-text"**
"cmd-'": "markdown-writer : ** toggle-code-text"**
"cmd-k": "markdown-writer : ** toggle-keystroke-text"**
"cmd-h": "markdown-writer : ** toggle-strikethrough-text"**
"ctrl-alt-1": "markdown-writer : ** toggle-h1"**
"ctrl-alt-2": "markdown-writer : ** toggle-h2"**
"ctrl-alt-3": "markdown-writer : ** toggle-h3"**
"ctrl-alt-4": "markdown-writer : ** toggle-h4"**
"ctrl-alt-5": "markdown-writer : ** toggle-h5"**
"shift-cmd-O": "markdown-writer : ** toggle-ol"**
"shift-cmd-U": "markdown-writer : ** toggle-ul"**
"shift-cmd->": "markdown-writer : ** toggle-blockquote"**
'shift-cmd-"': "markdown-writer : ** toggle-codeblock-text"**
"cmd-j cmd-p": "markdown-writer : ** jump-to-previous-heading"**
"cmd-j cmd-n": "markdown-writer : ** jump-to-next-heading"**
"cmd-j cmd-d": "markdown-writer : ** jump-between-reference-definition"**
"cmd-j cmd-t": "markdown-writer : ** jump-to-next-table-cell"**

原文(晚晴幽草軒): http://www.jeffjade.com/2016/03/03/2016-03-02-how-to-use-atom/

您可能感興趣(/有用)的文章:

  • 如何優雅地使用Sublime Text
  • sublime text 下的Markdown寫作
  • SublimeText下寫作利器之MarkdownEditing
  • Mac必備軟體漸集之ZSH-終極Shell
新編碼神器Atom使用紀要