Atom Setup Manual - DeanKHの日記

1. Atomのインストール

AtomはGitGubが開発したマルチプラットフォーム (Ubuntu, Windows) テキストエディタ．
拡張機能 (Package)を入れることで様々なコードを書きやすくなる．
C++, Python, Latex, markdownなど.

AtomはAtom Official Page からダウンロードできるもちろん，Ubuntuユーザーはapt-getでインストールできる．

apt-get install atom

2. 基本設定

Atomを使うために幾つか設定が必要．

文末スペース自動削除機能のOFF

markdown エディタとして使う際，デフォルトの文末スペース自動削除は余計なおせっかい．
この機能を切るためには，
'Ctrl + ,' でSettingsを開き，Packageタブで拡張機能"Whitespace"の設定を開く．
そして"Remove Trailing Whitespace"のチェックボックスを外せばOK．

フォント設定

デフォルトの(日本語)フォントは汚い．なので変更します．
メニューバーの Edit -> Stylesheet を開いて任意の対象内でfont-familyを記述する．
複数書いておけば優先順位の高いフォントが存在しなかった時に左から順に参照してくれる．

hoge{
  font-family: "Yu Gothic", 'Ubuntu';
}

自分の設定はこんな感じ

// style the background color of the tree view
.tree-view {
  font-family: "Yu Gothic", 'Ubuntu'
  // background-color: whitesmoke;
}

.markdown-preview{
  font-family:"Yu Gothic", 'Ubuntu', "MS ゴシック";
}
// style the background and foreground colors on the atom-text-editor-element itself
atom-text-editor {
  font-family: "Yu Gothic", 'Ubuntu';
  color: white;
  // background-color: hsl(180, 24%, 12%);
}

// To style other content in the text editor's shadow DOM, use the ::shadow expression
atom-text-editor::shadow .cursor {
  // border-color: red;
}

3. Packages Installation

自分の主な用途はmarkdown editorなのでそれ中心. + color-picker + file-icons + markdown-pdf + markdown-scroll-sync
markdownのsourceとpreviewの位置を同期してくれる
+ minimap
sourceのスクロールがでかくなる?
+ minimap-autohide
code書いている時にminimapを隠してくれる.
+ toggle-markdown-task

4. Themes Installation

atom-material-ui
android(5.0 Lolipop)から導入されたMaterial Designぽくなる．

UML

この当たりを参考に環境構築
デフォルトの色設定が気に入らなかったのでまとめて設定

skinparam backgroundColor #e6e6e6

skinparam classBorderColor #1a1a1a
skinparam classBackgroundColor white
skinparam classArrowColor #1a1a1a
skinparam stereotypeCBackgroundColor white

skinparam classAttributeFontColor black
skinparam classAttributeFontSize 12
skinparam classAttributeIconSize 9
skinparam classAttributeFontStyle plain
skinparam classAttributeFontName "Ricty Discord"

skinparam classFontColor black
skinparam classFontSize  15
skinparam classFontStyle plain
skinparam classFontName "Ricty Discord"

skinparam defaultFontName "Ricty Discord"