Skip to main content

Setup Atom

Setup Atom

突然Atomが起動しなくなったときに、再び入れたときのメモです。 AtomはChromeベース (electron) で作られたアプリなので拡張機能が多く、 vimのようなコマンドやほかのエディターのツールなど、無限に拡張できます。

インストール

  • ( 設定ファイルがあればgit cloneする )
  • ( cacheがあれば消す~/.atom, ~/AppData/Local/atom )
  • atom.ioからAtomSetupをインストール → 実行 → 起動
  • ファイルタブ(alt+F) → Setting(T) → + Install → japanese-menuをインストール
  • ~/AppData/Local/atom, ~/AppData/Local/atom/binのPathを通す
  • (任意)Githubエディター設定を残す
    • ~/.atom/gitignorepackages/*を追加
    • apm list --installed --bare > packages.txt
    • git add . => git commit

設定

  • コア設定すべて [o]
  • エディタ設定すべて [o]
  • ソフトラップと右端ソフトラップ [x] :折り返して開業しないようにする
  • タブ幅 :2
  • タブタイプ : soft
  • インターフェーステーマ : One Dark
  • シンタックステーマ : Github Atom Dark
  • テーマをインストール

ツールの拡張

INSTALL FOR UTILS

  • clipboard-plus : clipboardの履歴の一覧を表示
  • editor-stats : 6時間分の作業履歴をグラフにして表示
  • hyperclick : Ctrl+Alt+Enterで、選択した単語が定義がされた場所を開く
  • git-plus : atomでgithubを扱う決定版
  • merge-conflicts : githubでconfligtが起きたときに直しやすくする(精神を安定させる)

タブの拡張

INSTALL FOR Tabs

  • file-icons : ファイル名の隣にアイコンがつく
  • foldername-tabs : タブにディレクトリ名も表示
  • multiline-tab : タブが多いとき、改行して表示する
  • tree-view-git-status:treeにgitの情報を細かく表示させる
  • tool-bar :押すとコマンドを実行するボタンを設置できる
  • flex-tool-bar : tool-barの設定が簡単になる
  • Zen :
    • Fullscreenを [x] : あるとよくバグる(別のコマンドで代用できる)
    • SoftWrapを [x] && Width=200 (横幅が広いディスプレイ用)
    • Typewriterを [x] : クリックした位置が中心になるが、邪魔。

カーソルの拡張

INSTALL FOR CURSOR

  • highlight-column : カーソルの位置に縦ハイライト
  • highlight-line : カーソルの位置に横ハイライト
    • Enable Background Colorを [o]
    • Enable Selection Borderを [o]
  • highlight-selected : 選択した単語すべてにハイライト
  • atom-bracket-highlight : 選択した括弧をハイライト
  • quick-highlight : クリックした単語すべてにハイライト
  • auto-highlight : クリックした単語すべてにハイライト (過去の選択も残る)
    • Decolateをbox
    • [x]Display Count On Status Bar : あまり見ないのでoff

デザインの拡張

INSTALL FOR GAMING

  • activate-power-mode : コーディングをゲームっぽくする
    • screen-shakeを [x]
    • play audioを [x]
    • pluginsを [x]
  • neon-selection : 選択した場所がネオンの光を発する
  • glowing-cursor : カーソルがネオンの光を発する
  • syntax-neonize:シンタックスが光る(Github Atom Darkだと逆に見やすくなる)

FOR SCROLL

  • scroll-marker : スクロールバー(右端)にハイライトを追加
  • find-scroll-marker : 検索した単語の位置をスクロールバーにハイライト

ミニマップの追加

FOR minimap

その他

FOR jsx, tsx

  • atom-browser : atom内でブラウザを使用できる。自動リロード付き。
  • atom-ide-ui : Atomをエディターから総合開発環境にする。
  • atom-typescript:他のide-typescriptだと変なエラーが出る
  • react:JSXのシンタックス用。

FOR Markdown