Learning site for website creation

SublimeTextおすすめパッケージと設定-2017年

公開日:2017年10月30日

おすすめパッケージ

Japanize

SublimeText3メニューバーを日本語化

IMESupport

インラインで日本語変換

ConvertToUTF8

Windows標準文字コードShiftJISファイルの文字化け対策

日本語のみ対応用セッティング

{
    "encoding_list" : [
        ["Japanese (CP932)", "CP932"],
        ["Japanese (Shift_JIS)", "Shift_JIS"],
        ["Japanese (EUC-JP)", "EUC-JP"],
        ["UTF-8", "UTF-8"]
    ],
}

Emmet

HTML+CSSの入力簡略化

日本語対応用セッティング

{
    "snippets": {
        "variables": {
            "lang": "ja",
            "locale": "ja-JP",
            "charset": "UTF-8",
            "indentation": "\t",
            "newline": "\n"
        }
    }
}

All Autocomplete

補完機能強化

AutoFileName

相対パス記述時の補完機能

SideBarEnhancements

サイドバー機能強化

TrailingSpaces

全角スペースや行末半角スペースやタブ記号をハイライト表示

全角スペース・タブ記号対応セッティング

{"trailing_spaces_regexp": " |[ \t]+",}

SublimeText設定

{
  "always_show_minimap_viewport": true,
  "bold_folder_labels": true,
  "color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme",
  "default_encoding": "UTF-8",
  "draw_white_space": "all",
  "ensure_newline_at_eof_on_save": true,
  "fallback_encoding": "UTF-8",
  "font_face": "Ricty Diminished",
  "font_size": 13,
  "highlight_line": true,
  "highlight_modified_tabs": true,
  "ignored_packages":
  [
    "Vintage"
  ],
  "indent_guide_options": ["draw_active"],
  "indent_subsequent_lines": true,
  "line_padding_bottom": 2,
  "line_padding_top": 2,
  "scroll_past_end": true,
  "show_definitions": false,
  "show_encoding": true,
  "tab_size": 2,
  "translate_tabs_to_spaces": true,
  "trim_trailing_white_space_on_save": true,
  "word_wrap": false
}

プログラム表示用フォント「RictyDiminished」ダウンロード

https://github.com/edihbrandon/RictyDiminished