ATOM

ATOMおすすめのパッケージ(styles.lessとkeymap.csonも晒す)

More than 3 years have passed since last update.


File icons

https://atom.io/packages/file-icons

ディレクトリツリーがイケメンになります。


Line jumper

https://atom.io/packages/line-jumper

10行飛ばしとかで移動できます。

デフォルトは alt + up|down ですが、自分は ctrl + up|down でもできるようにキーバインドを設定してます。


Rails Latest Migration

https://atom.io/packages/rails-latest-migration

Railsの最新のマイグレーションファイルを開いてくれます。

rails g migration add_column_hoge_to_foo

したあと、そのカラムにafter: :hugaを入れることが頻繁にあるので、地味便利


Term2

https://atom.io/packages/term2

ATOM上でターミナルを開けるようになります。

ウィンドウ分割して別のウィンドウにフォーカス後、Term2のウィンドウにフォーカスを戻すと操作できなくなるバグがあり、致命的すぎるのがつらい。

将来性に期待してます。


Editorconfig

https://atom.io/packages/editorconfig

言語ごと(拡張子ごと)にインデントなどの設定をできるパッケージ。

私は、Ruby はスペース2個インデント派、PHPはタブ(タブ幅4)インデント派。

しかしなぜかタブ幅の設定だけ上手くいきません。

※ 2014/7/13追記: タブインデントのタブ幅を調整できないバグはいつの間にか治ってた



現状の styles.less (2015/5/19 更新)

テーマ・シンタックスハイライト共に、One Dark の使用を想定しています。


styles.less

@font-size-base: 9pt;

@font-size-small: 7pt;
@font-size-large: 12pt;
@font-color-muted: rgba(156, 164, 180, 0.3);
@font-family-base: 'Ricty' !important;

body, html {
// 全体のフォント指定
font-family: @font-family-base;
font-style: normal !important;
}

.tree-view {
font-family: @font-family-base;

// ディレクトリツリーのフォントサイズ大きすぎ
.header {
font-size: @font-size-base;
}

ol.entries.list-tree {
li {
font-size: @font-size-base;

span.icon:before {
font-size: @font-size-base;
}
}

li.status-ignored * {
color: @font-color-muted !important;
}
}
}

.vertical {
.pane {
padding: 0;

// 非アクティブウィンドウの色を変える
&:not(.active) {
opacity: 0.5;
}

// タブの高さが高すぎるので低くする
.list-inline.tab-bar {
@tab-height: @font-size-base * 2;
@tab-font-size: 7.2pt;

height: @tab-height;
line-height: @tab-height;
padding: 0;

&:after {
top: @tab-height;
}

.tab, .tab.active {
top: 0px;
max-width: 12%;

&:before,
&:after {
transform: none;
border-radius: 0;
}

&.modified:not(:hover) .close-icon {
top: 0;
height: @tab-height / 2;
width: @tab-height;
}

&:before, .title, .close-icon {
height: @tab-height;
line-height: @tab-height;
font-size: @tab-font-size;
font-family: @font-family-base;
cursor: pointer;
text-align: left;
}

.title:before {
line-height: @tab-height;
font-size: @tab-font-size;
}

.close-icon:hover {
color: #f88;
}
}
}
}

.bottom,
.status-bar {
font-family: @font-family-base;
font-size: @font-size-small;
}
}

.autocomplete-plus * {
font-size: 100%;
}

.modal {
font-family: @font-family-base;
font-size: @font-size-small;

&.overlay:after {
background: rgba(11, 12, 14, 0.4);
}
}

.tooltip {
@tooltip-background-color: rgba(30, 30, 30, 0.8);
@tooltip-font-color: rgba(255, 255, 255, 0.8);

.tooltip-inner {
font-family: @font-family-base;
background: @tooltip-background-color !important;
color: @tooltip-font-color !important;
font-size: @font-size-base !important;
}

.tooltip-arrow {
border-bottom-color: @tooltip-background-color !important;
}
}

.theme-one-dark-syntax .editor {
background: #202025 !important;

&::shadow .line-number.cursor-line {
color: #fff !important;
background: rgba(255, 255, 255, 0.1);
font-weight: bold;
}
}



現状の keymap.cson (2015/5/19 更新)


keymap.cson

'body':

'cmd-0': ''
'ctrl-cmd-up': ''
'ctrl-cmd-down': ''
'cmd-ctrl-[': 'window:focus-next-pane'
'cmd-ctrl-]': 'window:focus-previous-pane'
'cmd-ctrl-left': 'pane:split-left'
'cmd-ctrl-right': 'pane:split-right'
'.platform-darwin':
'cmd-0': 'tree-view:toggle-focus'
'.editor':
'ctrl-up': 'line-jumper:move-up'
'ctrl-down': 'line-jumper:move-down'
'ctrl-a': 'editor:move-to-beginning-of-screen-line'
".autocomplete-plus input.hidden-input":
"enter": "autocomplete-plus:confirm"