Skip to content

Instantly share code, notes, and snippets.

@ogaaaan

ogaaaan/ATOM_note.md

Last active Oct 18, 2017
Embed
What would you like to do?
ATOM覚書

ATOM 覚書

テーマ

  • flatland-dark
    • SublimeTextで人気のダークカラー
  • flatland-dark-ui
    • SublimeTextで人気のダークテーマ
  • monokai
    • 目に優しく識別しやすいカラー

プラグイン

一部のプラグインは再起動しないと反映しないので注意 Linux(Gnome)版はタッチデバイスと認識されてしまうので使いものにならない

  • Sublime-Style-Column-Selection
    • option押しながらブロック選択可能
  • coffee-compile
    • coffee-scriptを即座にコンパイルしてくれる
    • cmd + shift + cctrl + alt + C
  • docblockr
    • コメントのテンプレート化(Sublimeにもある)
    • /**をタイプすると自動で閉じて真ん中にカーソルが来る
  • editconfig
    • プロジェクトルートに設定ファイルを置けばそのルールで動いてくれる
    • インデントスタイル、インデント数、文字コードなどをプロジェクト別に指定可能
  • emmet
    • Zenコーディングの後継
    • expandはのショートカットはShift + cmd + E
    • Linux(Gnome)だとインストールできなかったりする
  • file-icons
    • ツリービューのアイコンがカラーになる
  • git difftool
    • Githubの差分表示(Split)のようにサイドバイサイドでDiffを表示してくれる
    • MacのFileMergeが起動するので好みがわかれるところ
  • highlight-selected
    • ダブルクリックで単語を選択すると他の場所の同じ単語がハイライトされる
  • japanese-wrap
    • 日本語専用の禁則処理
  • jshint
    • JavaScriptの構文チェック
    • npm install -g jshintでjshintコマンドをインストールしておくこと
  • language-diff
    • diffのシンタックスハイライト
  • language-smarty-php
    • smartyのシンタックスハイライト
  • line-diff-details
    • 行単位で差分を確認したり元に戻したりできる
  • merge-conflicts
    • gitでコンフリクトしたファイルを簡単に解決済みにできる
  • minimap
    • 画面右側にソース全体の位置を表示できる(Sulime Textのミニマップと同じ)
  • pretty-json
    • jsonファイルをフォーマットしなおしてくれる
    • json選択後Shift + cmd + Pでコマンドパレットを開きPretty Json: Prettifyを実行
  • project-manager
    • atomを閉じた時の状態を記憶してくれる(デフォルトでは記憶しない)
    • 次起動した時に前回の状態を復元してくれる
    • プロジェクトを登録(shift + cmd + o)したあとセーブしておくと良い
    • セーブはメニューから。現在登録されてるフォルダ全部を1つのプロジェクトとして保存するタイプ
  • regex-railroad-diagram
    • 正規表現をダイアグラムで視覚表示してくれる
    • regexper.com みたいな感じ
    • npm install railroad-diagramsを入れておく必要がある
    • 正規表現の上にカーソルを当てるとダイアグラムが表示される
  • script
    • cmd + iでJavaScriptなどを即座に実行してくれる。
    • Nodeのエラーが出た場合cmd + shift + iで設定画面を出しcommand欄にNodeのパスを指定すればOK
  • todo-show
    • @todoやFIXMEなどのコメント内タグを別ペインで階層リスト表示してくれる
    • ctrl + shift + Tでプロジェクト内TODOを表示
    • md形式でダウンロード可能

セッティング

  • Core Settings
    • ■ Audio Beep (警告音を出す)
    • □ Auto Hide Menu Bar(自動的にメニューバーを隠す)
      • Windows版、Linux版のみ
    • ■ Destroy Empty Panes (何も開いてないペインは自動的に閉じる)
    • ■ Exclude VCS Ignored Path (.gitignoreなどの無視リストを除外する)
      • 非表示にはならない
    • File Encoding
      • utf8
    • ■ Follow symlinks (シンボリックリンクの元を追う)
    • Ignored Names
      • デフォルトのまま
    • Project Home
      • デフォルトのまま
  • Editor Settings
    • ■ Auto Indent (改行時自動でインデントさせる)
    • ■ Auto Indent On Paste (貼付け時自動でインデントさせる)
    • ■ Confirm Checkout HEAD Revision (GitでHEAD移動時に警告する)
    • Font Family (フォントファミリー)
    • Font Size (フォントサイズ)
      • 14などお好みで
    • Line Height (行送り)
      • デフォルトのまま
    • Non Word Characters (単語として認識させたくない文字列)
      • デフォルトのまま
    • Preferred Line Length (1行の文字数制限)
      • デフォルトのまま
    • □ Scroll Past End (最終行以上にスクロールさせるかどうか)
    • Scroll Sensitivity (画面のスクロール量)
      • デフォルトのまま
    • ■ Show Indent Guide (インデント用の縦線を表示)
    • ■ Show Invisibles (ホワイトスペースを表示)
    • ■ Show Line Numbers (行番号を表示)
    • ■ Soft Tabs (タブをスペースで埋める)
    • □ Soft Wrap (論理行で改行表示する)
      • 実際には改行してなくてもエディタの右端で改行してみせると言う意味
    • □ Soft Wrap At Preferred Line Length (1行の制限文字数で論理改行する)
    • SoftWrap Hanging Indent (論理改行する際に改行した行に与えるインデント文字数)
    • Tab Length (タブでインデントされる文字数)
      • 4
    • Undo Grouping Interval (まとめてやり直せる作業単位のミリ秒設定)
      • デフォルト(300ms)のまま
        • 300ms以内に行った作業を1つの作業と認識するという意味
    • ■ Use Shadow DOM (DOMツリーのカプセル化を使用)
      • おそらくShadow DOMのことだと思われる
    • ■ Zoom Font When Ctrl Scrolling (Ctrl+スクロールでフォントサイズを拡大縮小する)

キーバインディング

一度バインド自体をunsetして未設定にしてから改めて再設定させる

Markdown

'atom-text-editor:not([mini])':

    # Markdown

    # ctrl-shift-Mでマークダウン表示のON/OFF
    'ctrl-shift-m': '!unset'
    'ctrl-shift-m': 'markdown-preview:toggle'

    # Emmet

    # ctrl-shift-eでEmmetのエクスパンドを実行
    'ctrl-shift-e': '!unset'
    'ctrl-shift-e': 'emmet:expand-abbreviation'
    # ctrl-,はsettingにする
    'ctrl-,': '!unset'
    'ctrl-,': 'application:show-settings'
    
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment