目次

環境情報

ソフトウェア バージョン
Ubuntu GNOME 15.10 x86_64
Atom 1.3.0

Atom のインストール

$ sudo add-apt-repository ppa:webupd8team/atom
$ sudo apt-get update
$ sudo apt-get install atom

日本語化

  1. [Edit]-[Preferences] メニューを選択
  2. [Install] を選択
  3. japanese-menu を検索してインストール

キーバインド

機能 キー
メニュー表示の切り替え Alt
Markdown プレビュー Ctl+Alt+M
プロジェクトフォルダを追加 Ctl+Alt+O
環境設定 Ctl+,
コマンドパレット Ctl+Shift+P

Tips

  • よく使うコマンドパレットはF1とかにキーマップしておくと便利
  • atom のスター機能を使うと複数環境でのパッケージの統一が容易
  • 認証プロキシの設定

    ~/.atom/.apmrc
    https-proxy = http://認証ID:パスワード@ホスト:ポート
  • ツリービュー、タブのフォントは~/.atom/styles.less で設定

  • パッケージのインストール

    $ apm install <packages>
  • 人気のパッケージ一覧
    https://atom.io/packages/list?direction=desc&sort=stars

おすすめパッケージ

分類 パッケージ名
ミニマップ minimap
アイコン file-icons
整形 atom-beautify
ツールバー tool-bar
flex-tool-bar
git git-plus
ファイル open-recent
プロジェクト project-manager
リント linter
入力支援 emmet
pigments
$ apm install

お試しパッケージ

  • markdown-themeable-pdf
  • pdf-view
  • termrk
  • markdown-toc
  • git-control
  • git-history
  • markdown-preview-plus
  • lines
  • language-markdown
  • imdone-atom
  • docblockr

ツールバーの内容

コマンド 機能
application:new-file 新規ファイル
application:open-file ファイルを開く
project-manager:list-projects プロジェクトを開く
core:save 保存
window:reload 再読み込み
command-palette:toggle コマンドパレットの開閉
ktkr3d:datetime 日付時刻の挿入
settings-view:open 設定
window:toggle-dev-tools デべロッパーツール
pane:split-right 横に分割
pane:split-down 縦に分割
tree-view:toggle ツリービューの開閉
minimap:toggle ミニマップの開閉
git-control:toggle Git Control の開閉
merge-conflicts:detect Merge Conflict
http://github.com URL を開く
markdown-preview:toggle マークダウンのプレビュー
markdown-writer:new-post ブログの新規ポスト
markdown-writer:insert-image 画像の挿入
markdown-writer:insert-table 表の挿入
markdown-writer:open-cheat-sheet マークダウンのチートシート表示
- ツールバーの編集

ツールバーの設定

~/.atom/toolbar.cson
[
{
type: "button"
icon: "document"
callback: "application:new-file"
tooltip: "New File (Ctrl+N)"
iconset: "ion"
}
{
type: 'button'
tooltip: 'Open File (Ctrl+O)'
callback: 'application:open-file'
icon: 'document-text'
iconset: 'ion'
}
{
type: 'button'
tooltip: 'List Project (Alt+Shift+P)'
callback: 'project-manager:list-projects'
icon: 'folder'
iconset: 'ion'
}
{
type: 'button'
tooltip: 'Save File (Ctrl+S)'
callback: 'core:save'
icon: 'archive'
iconset: 'ion'
}
{
type: 'button'
tooltip: 'Reload Window (Alt+Ctrl+R)'
callback: 'window:reload'
icon: 'refresh'
iconset: 'ion'
}
{
type: 'spacer'
}
{
type: 'button'
tooltip: 'Open Command Pallet (Ctrl+Alt+P)'
callback: 'command-palette:toggle'
icon: 'terminal'
iconset: 'fa'
}
{
type: 'button'
tooltip: 'Insert Date Time'
callback: 'ktkr3d:datetime'
icon: 'clock-o'
iconset: 'fa'
}
{
type: 'button'
tooltip: 'Open Settings View (Ctrl+Comma)'
callback: 'settings-view:open'
icon: 'gear-a'
iconset: 'ion'
}
{
type: 'button'
tooltip: 'Toggle Developer Tools'
callback: 'window:toggle-dev-tools'
icon: 'bug'
}
{
type: 'spacer'
}
{
type: 'button'
tooltip: 'Toggle Fullscreen (F11)'
callback: 'window:toggle-full-screen'
icon: 'arrows-alt'
iconset: 'fa'
}
{
type: 'button'
tooltip: 'Toggle Sidebar'
callback: 'tree-view:toggle'
icon: 'sitemap'
iconset: 'fa'
}
{
type: 'spacer'
}
{
type: 'button'
tooltip: 'Toggle Minimap'
dependency: 'minimap'
callback: 'minimap:toggle'
icon: 'map'
iconset: 'ion'
style:
color: "#FA4F28"
}
{
type: 'button'
tooltip: 'Git Control'
dependency: 'git-control'
callback: 'git-control:toggle'
icon: 'bullseye'
iconset: 'fa'
style:
color: "#FA4F28"
}
{
type: 'button'
tooltip: 'Merge Conflicts'
dependency: 'merge-conflicts'
callback: 'merge-conflicts:detect'
icon: 'code-fork'
iconset: 'fa'
style:
color: "#FA4F28"
}
{
type: "spacer"
}
{
type: "url"
tooltip: "Github Page"
url: "http://github.com"
icon: "octoface"
style:
color: "#289bfa"
}
{
type: "button"
tooltip: 'Markdown Preview (Ctrl+Shift+M)'
icon: "markdown"
callback: "markdown-preview:toggle"
disable: "!markdown"
style:
color: "#289bfa"
}
{
type: 'button'
tooltip: 'Markdown Writer: New Post'
dependency: 'markdown-writer'
callback: 'markdown-writer:new-post'
icon: 'document'
iconset: 'ion'
style:
color: "#289bfa"
}
{
type: 'button'
tooltip: 'Markdown Writer: Insert Image'
dependency: 'markdown-writer'
callback: 'markdown-writer:insert-image'
disable: "!markdown"
icon: 'picture-o'
iconset: 'fa'
style:
color: "#289bfa"
}
{
type: 'button'
tooltip: 'Markdown Writer: Insert Table'
dependency: 'markdown-writer'
callback: 'markdown-writer:insert-table'
disable: "!markdow"
icon: 'table'
iconset: 'fa'
style:
color: "#289bfa"
}
{
type: 'button'
tooltip: 'Markdown Writer: Open Cheat Sheet'
dependency: 'markdown-writer'
callback: 'markdown-writer:open-cheat-sheet'
icon: 'question'
iconset: 'fa'
style:
color: "#289bfa"
}
{
type: 'spacer'
}
]