Atom

update create

https://atom.io/
メインエディタの移行中。
完全なメインエディタです。
Linux Mintで使用中。

  • テーマ
    Settings -> Themes
  • 表示で見づらいものを改善
    Settings -> Editor -> [✔] Show Invisibles
  • TabType
    Settings -> Editor -> [Tab Type] -> soft
  • ショートカットキー
    Settings -> Keybindings

移動系

focus で検索すると、やりたいことがでてくる。

Alt + tab
Alt + tab + Shift
は普通に使える。

Keystroke Command Comment
Alt + \ tree-view:toggle-focus ツリービューなどに移動
Ctrl + Alt + f platformio-ide-terminal:focus terminalに移動
Ctrl + ` platformio-ide-terminal:toggle toggle
Ctrl + / editor:toggle-line-comments commentout

検索系

Keystroke Command Comment
Ctrl + f find-and-replace:show find
Ctrl + Shift + f project-find:show find in project
Ctrl + Alt + / find-and-replace:toggle-regex-option 正規表現モード(on, off)
Ctrl + Shift + C find-and-replace:toggle-case-option 全角半角(on, off)
F3 find-and-replace:find-next Next Find
Alt + Enter find-and-replace:find-all 全体検索
Ctrl + Enter project-find:replace-all 全体痴漢

変換

Keystroke Command Comment
Ctrl + k, Ctrl + l editor:lower-case 小文字に変換
Ctrl + k, Ctrl + u editor:upper-case 大文字に変換

切替・検索

Keystroke Command Comment
Alt + Shift + P project-manager:list-projects プロジェクト切り替え
Ctrl + P fuzzy-finder:toggle-file-finder ファイル表示

備考

使わない、使えない、代替がある。

Keystroke Command Comment
Alt + Shift + X platformio-ide-terminal:close terminalを閉じる※toggleを使う
Ctrl + e find-and-replace:use-selection-as-find-pattern 選択範囲設定

Plug-in

Name Comment
platformio-ide-terminal Terminal
show-ideographic-space 全角空白表示
multi-cursor 矩形選択
sort-lines ソート

show-ideographic-space

Customize
~/.atom/packages/show-ideographic-space/styles/

@import "ui-variables";

atom-text-editor, atom-text-editor.editor {
  .highlight.ideographic-space {
    .region:after {
      /*color: rgba(197, 200, 198, 0.2);*/
      /*content: '□';*/
      color: rgba(97, 100, 98, 0.4);
      content: '⿰';
    }
  }
}

multi-cursor

Keystroke Command Comment
Ctrl + Shift + Up multi-cursor:expandUp Create cursor above
Ctrl + Shift + Down multi-cursor:expandDown Create cursor under
Ctrl + Shift + Alt + [Up or Down or Right or Left multi-cursor:move-last-cursor-[up or down or right or left] Move the last-created cursor

sort-lines

F5便利。

linter-eslint

javascript support plug-in

eslintをインストール。
venvをカスタマイズ。

yarn add eslint
vi .venv/bin/activate
  • linter-eslint
    • dependencies
      linter

atom reopen

  • linter
    • dependencies
      linter-ui-default
      • dependencies
        busy-signal

project-manager

複数のプロジェクトを切り替えるプラグイン。
検索などプロジェクトごとに限定したい場合、有用。

iconは octicons
を利用しているので、プロジェクトにアイコンを設定したい場合は、iconリストから選択。
カスタムiconは、、少し探してみたけど、、、なかった。
hackすれば、なんとかなりそうだけど、、時間しだいか、、 参考になりそうなとこ
* making-of-octicons

適当にやってたらできたっぽい Settings -> Themes -> your-stylesheet

.icon-likids::before {
  // font-family: 'Octicons Regular';
  // font-weight: normal;
  // font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 16px;
  width: 16px;
  height: 16px;
  // content: "\f07d";
  content: url('[your image path]')
}

Markdown Preview

Ctrl + Shift + M

Files

  • Where are unsaved files stored
    • ~/.atom/storage
    • IndexedDB

Auto Indent

  • 範囲指定: Command + A
  • Command + Shift + P
  • auto
  • auto indent