突然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/gitignore
にpackages/*
を追加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
- Decolateを
デザインの拡張
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
- minimap : ソースコードのプレビューを表示する
- minimap-cursorline:minimapにカーソル位置を表示
- minimap-find-and-replace:検索結果をminimapに表示できる
- minimap-highlight-selected :highlight-selectedのminimapバインディング
- minimap-quick-highlight : quick-highlightのminimapバインディング
- minimap-lens:minimapをホバーしたとき、拡大表示される
- minimap-git-diff :githubの差分の位置をminimapに表示できる
- [o]Use Gutter Decoration
- (
minimap-linter
は、入れたときに入るlinter
と後で入れるide
が競合する)
その他
FOR jsx, tsx
- atom-browser : atom内でブラウザを使用できる。自動リロード付き。
- atom-ide-ui : Atomをエディターから総合開発環境にする。
- atom-typescript:他の
ide-typescript
だと変なエラーが出る - react:JSXのシンタックス用。
FOR Markdown
- mathjax-wrapper : MathJax(
$x$
タグ)を利用できるようにする - markdown-preview-plus: マークダウンビュアーの決定版