Package
package をインストールのための初期設定
Ctrl + Shift + p[Install Package Control] - Enter
package インストール方法
Ctrl + Shift + p[Package Control: Install Package] - Enter
Search package name and hit enter
package アンインストール方法
[Package Control: Rmove Package] - EnterSelect package name and hit enter
インストールするpackage
All Autocomplete
他のファイルにあるクラス名を補完するhtml5
同じファイル内のクラス名を補完するTrailing Spaces
スペースを可視化する 全角を可視化する設定Preference > Package Settings > Trailing Spaces > Settings
"trailing_spaces_regexp": " |"
Preferences > Settings
非表示にする拡張子
"file_exclude_patterns": ["*.jpg","*.png", ".DS_Store", "desktop.ini", "*.psd"],
ダブルクリックでファイルを新しいタブで開く
"preview_on_click": false,
どこまでスクロールすんねん問題
"scroll_past_end": false,
Definitionsのポップアップ非表示
"show_definitions": false,
htmlのauto complete をCtrl + spaceなしで有効にする
"auto_complete_selector": "source, text",
折り返し表示
"word_wrap": "true",
行間をすこし広げる
"line_padding_top": 2, "line_padding_bottom": 2,
Preferences > Customize Color Scheme...
選択した文字にマッチした文字の枠線の色変更
"globals":
{
"highlight": "var(white)",
}
javascript内のphp記述エラー背景色変更
"rules":
{
"name": "Invalid",
"scope": "invalid",
"foreground": "var(white2)",
"background": "var(blue3)"
}
Preferences -> Key Bindings
Sublime Text デフォルトショートカット Atom比較
| Sublime Text | Atom | |
| 行の移動 | Ctrl + Shift + ↑/↓ | Ctrl + ↑/↓ |
| コメントアウト | Ctrl + め | Ctrl + / |
ショートカットキーの変更
Default(Winodws).sublime-keymap
Ctrl + Tabの順序を並び順にする
{ "keys": ["ctrl+tab"], "command": "next_view" },
{ "keys": ["ctrl+shift+tab"], "command": "prev_view" }
Ctrl + /（テンキー）でコメントアウト
{ "keys": ["ctrl+keypad_divide"], "command": "toggle_comment", "args": { "block": false } }
Ctrl + ↑/↓で行移動
{ "keys": ["ctrl+up"], "command": "swap_line_up" },
{ "keys": ["ctrl+down"], "command": "swap_line_down" },
View
ミニマップ非表示
View > Hide Minimap
サイドバーのgroupを非表示
View > Side Bar > Hide Open File
分割表示
View > Layout
File
同じファイルを複数タブで開く
タブを右クリック > Split ViewFile > Split View
同じファイルを分割表示させる場合はView > Layoutで開いたカラムへタブをドラッグ使い方
サイドバーにフォルダ（プロジェクト）を追加
Project > Add Folder to Project...
サイドバーの表示
View > Side Bar
良い点：ノーブレークスペースが見える
ほかのエディターでは見えないがsublimeでは16進コードで表示されるデフォルトで表示設定 draw_unicode_white_space
<0xa0>
使いづらいサジェスト
CSSのサジェスト補完に文字列(ABC)候補が上に来るHTMLのサジェスト補完に文字列(ABC)候補が上に来る
phpファイル内のCSSで余計な候補が出る [color,padding]
div.test + Tab で<div class="test"></div>を出したいのにclass名によっては余計な候補がでてきてできない
Ultimate Settings
Preferences > Settings
{
"file_exclude_patterns": ["*.jpg","*.png","*.mscz","*.pyc", "*.pyo", "*.exe", "*.dll", "*.obj","*.o", "*.a", "*.lib", "*.so", "*.dylib", "*.ncb", "*.sdf", "*.suo", "*.pdb", "*.idb", ".DS_Store", ".directory", "desktop.ini", "*.class", "*.psd", "*.db", "*.sublime-workspace"],
"preview_on_click": false,
"scroll_past_end": false,
"show_definitions": false,
"auto_complete_selector":"source, text",
"tab_size": 2,
"word_wrap": "true",
"ignored_packages":
[
"Vintage",
],
"theme": "auto",
"color_scheme": "Mariana.sublime-color-scheme",
"font_size": 12,
"line_padding_top": 2,
"line_padding_bottom": 2,
}
Preferences > Customize Color Scheme...
// Documentation at https://www.sublimetext.com/docs/color_schemes.html
{
"variables":
{
"black_atom": "hsl(222, 10%, 20%)",
"orange4": "hsl(32, 60%, 61%)",
"white4": "hsl(223, 12%, 75%)",
"grey2": "hsl(220, 9%, 40%)",
"red3": "hsl(355, 65%, 65%)",
"red4": "hsl(5, 48%, 50%)",
},
"globals":
{
"background": "var(black_atom)",
"highlight": "var(white)",
"selection_border": "var(white2)",
},
"rules":
[
//数値色変更
{
"name": "Number",
"scope": "constant.numeric",
"foreground": "var(orange4)"
},
//CSSの単位の色変更
{
"name": "Number Suffix",
"scope": "storage.type.numeric",
"foreground": "var(orange4)",
// "font_style": "italic"
},
//CSSのカラーコードの色変更
{
"name": "User-defined constant",
"scope": "constant.character, constant.other",
"foreground": "var(orange4)"
},
//CSSの値名の色変更
{
"name": "Library constant",
"scope": "support.constant",
"foreground": "var(orange4)",
"font_style": "normal"
},
//CSSのプロパティー
{
"name": "CSS Properties",
"scope": "support.type.property-name",
"foreground": "var(white4)",
"font_style": "normal"
},
//コメントアウト色
{
"name": "Comment",
"scope": "comment, punctuation.definition.comment",
"foreground": "var(grey2)",
"font_style": "italic"
},
//js内のphp記述
{
"name": "Invalid",
"scope": "invalid",
"foreground": "var(white2)",
"background": "var(black_atom)"
},
//php tag color
{
"name": "Punctuation",
"scope": "punctuation.section",
"foreground": "var(red4)"
},
//html tag color
{
"name": "Tag name",
"scope": "entity.name.tag",
"foreground": "var(red3)"
},
]
}
Preferences -> Key Bindings
[
{ "keys": ["ctrl+tab"], "command": "next_view" },
{ "keys": ["ctrl+shift+tab"], "command": "prev_view" },
{ "keys": ["ctrl+keypad_divide"], "command": "toggle_comment", "args": { "block": false } },
{ "keys": ["ctrl+up"], "command": "swap_line_up" },
{ "keys": ["ctrl+down"], "command": "swap_line_down" },
]
Wish I could be Comic Sans
ついにマイコンピューターでインターネットを始めたの