Sublime text

導入したので設定めも。

入れたプラグイン

日本語対応とか

• Japaneze　※インストール後の操作が必要
• ConvertToUTF8　Shift_JIS対策
• FindKeyConflicts　キーバインド重複回避
• BoundKeys　キーバインド確認　shift + F10

補完

• All Autocomplete
• Sublime Files　キーボードでファイル操作
• Bracket Highlighter　括弧内をハイライト
• AutoFileName　ファイル名&画像サイズ補完
• TrailingSpaces　末尾のスペース削除
• Diffy　ふたつのファイルを比較

スニペットとか

• HTML5
• CSS Snippets
• jQuery
• Emmet

• Goto-CSS-Declaration　html から CSS の定義箇所に飛ぶ
• HTML-CSS-JS Prettify　整形
• BrowserRefresh　手元で更新

標準設定-ユーザ

{
	"color_scheme": "Packages/Theme - Spacegray/base16-ocean.dark.tmTheme",
	"draw_white_space": "all",
	"font_size": 16.0,
	"highlight_line": false,
	"ignored_packages":
	[
		"Vintage"
	],
	"line_padding_top": 5,
	"show_line_endings": true,
	"theme": "Spacegray.sublime-theme",
	"word_wrap": true
}

キーバインド-ユーザ

//書き方:{ "keys": [ショートカットキー], "command": "コマンド名" }

[

// 右文字を削除
{ "keys": ["ctrl+d"], "command": "right_delete" },

// カーソルのある行を複製
{ "keys": ["super+shift+d"], "command": "duplicate_line" },

// 行末に移動
{ "keys": ["ctrl+e"], "command": "move_to", "args": {"to": "hardeol"} },



// Browser Refresh の設定
    {
        "keys": ["command+shift+f12"], "command": "browser_refresh", "args": {
            "auto_save": true,         // 実行時に自動保存
            "delay": 0.0,              // 遅延時間
            "activate": false, // ブラウザに切り替え
        	"browsers" : ["chrome"]     // ブラウザの指定
        }
    }
 ]

emac というか、単に Mac 風の入力に合わせるためのキーバインド変更。
これだと Emmet の展開は Tab を使うことになるけど、 tab は tab で変換選択に使いたいような気もする。
カーソルキーは正確に押せないのであまり好きじゃない。