Atom エディターを快適に使う!
冒頭
UnEditor, notepad++, Sublime Text, Atom, Visual Studio Code などテキストエディタ(Windows)を探して彷徨い続けて安定しない。Windowsでは簡単なメモ(議事録)、Diffの確認、たまに軽いプログラムの利用ぐらい。起動が軽くてプロジェクトを意識したつくりが欲しくて自作しようかと思ってるぐらい。
以前ベータ版を試した Atom がそろそろ仕上がってきているみたいなので移行する。
公式サイト
https://atom.io/ ここからDLしてインストール
プラグイン
Atom > Preferences > install > + Install Packages 検索ボックスに「入れたいプラグイン名」を入れてEnter , [Install] ボタンをクリック
AtomのUIを使いやすく
Japanese-menu : メニューの日本語化
advanced-open-file : ファイルを開くを AtomUI で
file-icons : アイコンを見やすく
minimap : 縦スクロールバー横にミニマップ表示
minimap-autohide : ミニマップを自動で隠す
flex-tool-bar : ツールバーをcsonで設定
tool-bar : ツールバー
chary-tree-view : サイドバーのファイルプレビューをオフ
テキストエディタ系
auto-encoding : 文字コードの自動判別(これいい!これがあるから移行できる)
show-ideographic-space : 全角スペースの表示
japanese-word-selection: ダブルクリック選択で日本語の単語を意識
Split Diff : Diff
local-history
PJ管理系
project-manager : プロジェクト管理
project-sidebar : プロジェクトのサイドバーを表示
todo-show : todoの管理
プログラム系
atom-beautify : 自動整形
atom-html-preview : HTMLのプレビュー
markdown-preview-plus : マークダウンプレビューをパワーアップ
markdown-scroll-sync : マークダウンプレビューのスクロールを同期(拡張子.mdじゃないと同期しない)
追加機能
tablr : CSVの編集
open-unsupported-files : 別アプリでサポートされていないファイルを開く
設定変更
コア設定
自動アップデートのチェックを外す。
エディタ設定
不可視文字表示へチェックを入れる。
インデントガイドを表示へチェックを入れる。
パッケージの設定
open-unsupported-files の設定
Settings > extensions > doc,xls,ppt,docx,xlsx,pptx,pdf,xlsm
tool-bar の設定
Settings > Icon Size > 16px
Keybindings > Enable チェック外す
ツールバー(toolbar.cson)
iconの名称は下記で確認する。
https://octicons.github.com/
https://glyphsearch.com/
[ # flex-tool-bar パッケージの設定 { type: "button" icon: "ellipsis" iconset: "" callback: "flex-tool-bar:edit-config-file" tooltip: "Edit Tool Bar" } { type: "spacer" } # project-sidebar パッケージ { type: "button" icon: "list" iconset: "fa" callback: "project-sidebar:toggle" tooltip: "プロジェクトサイドバー" } # project-manager パッケージ { type: "button" icon: "repo" iconset: "" callback: "project-manager:list-projects" tooltip: "プロジェクトを開く(Alt-Shift-P)" style : {color : "purple"} } # ペイン分割(右) { type: "button" icon: "columns" iconset: "fa" callback: ["pane:split-right"] tooltip: "split-pane" } { type: "spacer" } # 新しいファイル { type: "button" icon: "document" iconset: "ion" callback: "application:new-file" tooltip: "新しいファイル(Ctrl+N)" } # advanced-open-file プラグイン { type: "button" icon: "file" iconset: "fa" callback: "advanced-open-file:toggle" tooltip: "ファイルを開く(Ctrl+O)" } # ファイルの保存 { type: "button" icon: "floppy-o" iconset: "fa" callback: "core:save" tooltip: "ファイルの保存(Ctrl+S)" } { type: "spacer" } # atom-beautify プラグイン { type: "button" icon: "code" iconset: "fa" callback: "atom-beautify:beautify-editor" tooltip: "テキストの整形" mode: "atom-text-editor" style : {color : "grey"} } # atom-html-preview プラグイン { type: "button" icon: "globe" iconset: "" callback: "atom-html-preview:toggle" tooltip: "html-preview(Ctrl+Shift+H)" } # markdown-preview-plus プラグイン { type: "button" icon: "markdown" iconset: "" callback: "markdown-preview-plus:toggle" tooltip: "markdown-preview(Ctrl+Shift+M)" disable: "!markdown" style : {color : "blue"} } { type: "spacer" } # Todo-Show プラグイン Find-In-Project { type: "button" icon: "check-square-o" iconset: "fa" callback: "todo-show:find-in-project" tooltip: "todo-show:project" } # Todo-Show プラグイン Open-files { type: "button" icon: "check" iconset: "fa" callback: "todo-show:find-in-open-files" tooltip: "todo-show:file" } { type: "spacer" } # 前のタブ { type: "button" icon: "angle-left" iconset: "fa" callback: "pane:show-previous-item" tooltip: "前のタブ(Ctrl+Shift+Tab)" } # 次のタブ { type: "button" icon: "angle-right" iconset: "fa" callback: "pane:show-next-item" tooltip: "次のタブ(Ctrl+Tab)" } # browser-plus プラグイン { type: "button" icon: "chrome" iconset: "fa" callback: "browser-plus:open" tooltip: "Browser(Ctrl+Alt+O)" } ]
キーバインド(keymap.cson)
参考:AtomのCtrl+Tab(Alt+Tab)の切り替え方法が変更 従来方式に戻すには?
参考:Atom:キーバインドの変更 - Qiita
'body': # ctrl-tabを通常モードに 'ctrl-tab ^ctrl': 'unset!' 'ctrl-tab': 'pane:show-next-item' 'ctrl-shift-tab ^ctrl': 'unset!' 'ctrl-shift-tab': 'pane:show-previous-item' # ctrl-oをacvanced-open-fileへ 'ctrl-o ^ctrl': 'unset!' 'ctrl-o': 'advanced-open-file:toggle' # ctrl-alt-oの競合を解除 '.platform-win32 atom-workspace, .platform-linux atom-workspace': 'ctrl-alt-o': 'browser-plus:open'