Atom 編輯器試用

簡介

它號稱「21世紀可黑客的文本編輯器」。GitHub支持並開源，並支持跨平臺。和brackets編輯器同樣基於瀏覽器開發，意味着你能夠使用less(包含css)來定製編輯器界面,coffeescript(與js相似）編寫插件定製功能。有不少和sublimne相似的地方,好比：命令面板，還有許多快捷鍵。Atom自己不與特定的程序語言開發廣聯，默認內置多種語言包，支持html、css、java、c、php等，不過它經常被用於前端開發。

• Atom官網：https://atom.io/
• Atom官方教程：http://flight-manual.atom.io/
• Atom包：https://atom.io/packages
• Web開發人員最有用的10個包：http://www.hongkiat.com/blog/useful-atom-packages/

基本使用

光標移動

當按下左右鍵時會移動一個字符，經過組合按鍵能夠移動一個單詞、單詞尾部...

• ctrl + left/right 左右移動一個單詞
• ctrl + home/end 移動到文件頭部 或 尾部
• home / end 行首 或 行尾
• ctrl + g 而後輸入3:5，跳轉到第3行第5列。
• ctrl + r 跳轉到符號，彈出面板會展現出當前文件全部的符號，好比：js方法 或 markdown的標題

書籤

你能夠在指定行添加/刪除標籤ctrl+alt+f2，以便你在須要時迅速查找,行首會在顯示書籤圖標。

• ctrl+alt+f2 添加/刪除標籤
• f2 跳轉到下一個書籤
• shift+f2 跳轉到上一個標籤
• ctrl + f2 展現標籤列表，選中標籤進行跳轉
• ctrl+shift+f2會清除當前文件的全部標籤。

選中

• ctrl+shift+left/right 向左/右選中一個單詞
• shift+home/end 選中 當前光標到行首 或 行尾
• ctrl+a 全選(All)
• ctrl+l 選中當前行(Line)

編輯文本

• 基本的功能
• ctrl+j 下一行合併到當前行(Join)
• ctrl+up/down 山下移動當前行
• ctrl+shift+d 複製當前行(Duplicate)
• ctrl+k ctrl+u 大寫當前單詞(Upper Case)
• ctrl+k ctrl+l 小寫當前單詞(Lower Case)
• 刪除和分隔操做
• ctrl + sfhit + k 刪除當前行(Kill)
• ctrl + backspace 刪除到當前單詞首部
• ctrl + delete 刪除到當前單詞尾部
• 縮進
• ctrl + [/] 左右縮進
• 多光標
• ctrl + click 點擊位置將添加一個光標
• ctrl + alt + up/down 向上或向下添加多光標，默認狀況下次快捷鍵被核心顯卡驅動程序佔用
• ctrl + d 選中當前單詞，繼續，並將懸着下一個相同單詞
• alt + f3 選中全部與當前相同的單詞
• 括號
• ctrl + m 在括號之間跳轉，包括html標記

查找替換

ctrl + f 彈出當前文件中查找的面板，ctrl + shift + f 在整個項目中茶盅。f3跳轉到下一個匹配,ctrl + f3 跳轉到上一個匹配。

代碼摺疊(Folding)

有時你想查看當前文件結構的概述，或者你想把精力聚焦在某個區域的代碼上。能夠摺疊代碼塊，如：函數、循環、HTML標記等。

• ctrl + alt + [ / ] 摺疊或展開當前代碼塊
• ctrl + alt + shift + [ / ] 摺疊或展開全部代碼塊
• ctrl + k ctrl + 數字 指定摺疊代碼的深度

窗格(Panel)

將編輯區域劃分爲多個區域，同一視圖出現多個區域。好比：同一視圖下編輯html文件和對應的css。

右鍵單擊文件標籤欄split left, split right eg將窗口劃分，使用快捷鍵在這些窗口中跳轉ctrl + k ctrl + up/right/down/left在這些窗口跳轉。

在左側的文件列表單擊某個文件時，將會在編輯區域預覽該文件，這個窗格稱爲待定窗格。

語法和自動完成

默認狀況下編輯器根據文件後綴，使用什麼語法來解析文件，你也能夠在編輯器中ctrl + shift + l進行選擇。

Atom提供了一些自動完成功能，會提示當前文件中，與你輸入前綴匹配的內容。

設置

打開菜單File -> Setting,你能夠核心的設置、編輯器相關的設置、快捷鍵綁定、包管理、主題管理、包安裝。

核心(Core)

• Allow Pending Pane Items(容許待定窗格)
  容許這個條款，預覽將不會添加固定的窗格，好比當在文件列表中單擊文件時。
• Audio Beep(警報聲)
  觸發系統警告聲，當某個肯定的動做未執行或者執行沒有結果。
• Auto Hide Menu Bar(自動隱藏菜單欄)
  自動地隱藏菜單欄，經過alt鍵觸發它。這個功能只支持windows和linux系統。
• Automatically Update(自動更新)
  自動地更新Atom，當有新的釋放版的時候。
• Close Empty Windows(關閉空窗口)
  當一個窗口沒有打開任何標籤（文件）或窗格，此時按下ctrl + w執行close tab命令，將會關閉當前窗口。
• Remove Empty Panes(關閉空窗格)
  當最後一個標籤關閉的時候，窗格也會被關閉。
• Exclude VCS Ignored Paths(排除VCS(版本控制系統)相關的文件)
  忽略當前項目版本控制系統生成的文件和文件夾，好比模糊查詢、查找替換排除這部分文件。
• File Encoding(文件編碼)
  設置默認的字符，當讀和寫文件的時候。
• Follow Symliks(容許符號連接)
  搜索文件和已模糊查找方式打開一個文件的時候
• Ignored Names(忽略的名字)
  如下的列表是全局的模式，匹配這些模式的文件、文件夾將會被某些包忽略，好比模糊文件匹配和屬性文件視圖。個別的包可能包含附加的設置文件來設置被忽略的模式。
• Open Empty Editor On Start(啓動時打開空的編輯器)
  自動地打開一個空的編輯器。
• Project Home(項目主目錄)
• Reopen Project Menu Count(重新打開醒目的數量)
  這個值將會影響菜單File -> reopen project中歷史打開項目的數量
• Send Telemetry to Atom Team(發送測試數據到Atom團隊)
• Warn On Large File Limit(警告打開大文件的上限)
  打開超過指定數值大小的文件時警告，單位M

編輯器(Editor)

這些設置會影響文本編輯。這些設置能夠被每種語言的基礎部分覆蓋。檢查語言設置單擊包列表中特定語言的包卡片進行設置。

• Atomic Soft Tabs(軟Tabs爲原子)
  在軟tab（tab製表符會轉化爲必定數量空格），移動光標時會被當成一個符號越過。
• Auto Indent(自動縮進)
  插入行時，自動縮進新行。
• Auto Indent On Paste(粘貼代碼自動縮進)
• Confirm Checkout HEAD Revision
• Font Family(字體類型)
• Font Size(字體大小)
• Invisibls(看不見的符號)
  • Invisibles Cr(看不見的回車)
  • Invisibles Eol(看不見的\n符號)
    這個字符使用來，虛擬現實\n這個符號的
  • Invisibles Space(看不見的空白符)
    使用這個符號在編輯器中，虛擬顯示錶明一個空白符
  • Invisibles Tab(看不見的製表符)
    使用這個符號，在編輯器中虛擬顯示錶明一個tab鍵
• Line Height(行高)
• Non Word Characters(非單詞的字符)
  定義了單詞的邊界，好比修改一下會影響一個單詞的定義
• Prefereed Line Length(最佳的行長度)
  超過這個數字的行，將會被軟中斷（顯示到下一行），這個設置生效前提的開啓Soft Wrap At Preerred Line Length;
• Scroll Past End(滾動超過文件末尾)
  容許編輯區域，滾動超過最後一行
• Scroll Sensitivity(滾動敏感)
  這個數字決定，滾動的快慢
• Show Indent Guide(顯示縮進線)
  使用縮進線，展現出代碼的層次結構
• Show Invisible(顯示看不見的，參看前面Invisible相關的設置)
• Show Line Numbers(顯示行號)
  將會在gutter區域顯示行號
• Soft Tabs(軟製表符)
• Soft Wrap(軟中斷)
  自動換行顯示，默認是超過水平可視區域。若是設置了Soft Wrap At Preferred Line Length指定軟中斷的寬度，那會會按照這個寬度自動換行。
• Soft Wrap Hanging Indet(軟中斷懸掛縮進)
  軟中斷的下一行，默認是與上一行對齊的，這數字設置了附加縮進的字符數量。
• Tab Length(製表符長度)
  tab鍵所表明的空白符數量
• Tab Type(Tab鍵類型)
  決定按下tab鍵將插入空格仍是製表符，soft將插入必定數量的空格，hard插入製表符，auto由當前文件的內容中使用tab的狀況決定。
• Undo Grouping Interval(撤銷的間隔)
  生成一次可撤銷記錄的時間間隔，單位毫秒
• Zoom Font When Ctrl Scrolling(縮放字體，按下ctrl+滾動鼠標時)

進階使用

代碼段(Snippets)

代碼段功能強大，意味着你沒必要再使用複製粘貼的方式來處理使用頻率高的代碼片斷。輸入代碼段的簡寫，按下tab鍵，便可生成預約義好的代碼段。

 

查看當前文件類型的全部代碼段，命令面板中輸入:Snippets: Available

許多社區包和核心包都包含了許多代碼段，好比emmet包的html:5將生成html5文件模版代碼。如今讓咱們來自定義代碼段。

菜單File -> Snippets將會打開一個用戶目錄下.atom/snippets.cson文件，添加以下代碼：

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

• 代碼段在什麼類型文件中有效
• 代碼段的名字
• 激活代碼段的前綴
• 代碼段的內容,$跟一個數字表明按下tab光標跳轉的順序

注意:cson文件時相似於json文件對javascript同樣，它與coffeescript對應。使用縮進來控制層級關係。包圍的符號是Esc鍵下方的那個，每一層級不容許出現重複的key，不然最後 一個key生效,詳見cson配置.

包(Package)

Atom大部分功能都是經過包來實現。官方把包分爲兩類核心包和社區包，其中核心包是atom軟件安裝後就有無須再安裝。支持控制檯命令apm進行包管理。

安裝

1. 菜單File -> Setting -> Install搜索並安裝；
2. 系統控制檯apm install 包名進行插件安裝；
3. 本地離線安裝，參考：http://www.cnblogs.com/jiqing9006/p/5538790.html

包設置

菜單File -> Setting -> package 內對安裝的對應的包進行設置。

包推薦

代碼類

• Emmet: 快速編寫html代碼
• atom-tronjs: js代碼提示
• atom-hyperclick: js代碼跳轉
• atom-beautify: 代碼格式化
• atom-minify: css/js代碼壓縮
• linter: 代碼檢查，須要額外安裝對應語言的檢查插件，列表以下
  • linter-csslinter: css語法檢查
  • linter-htmlhint: html語法檢查
  • linter-jshint: js語法檢查
  • linter-jsonlinter: json語法檢查