#004
posted on 2020.12.26 (Sat) 2023.10.24 (Tue)

Sublime Text 3のカスタマイズ。

テキストエディターのSublime Text 3にパッケージマネージャーを入れて、カラースキームや編集補助の機能をカスタマイズする方法のメモ。

 

macOS High Sierra バージョン 10.13.6
Sublime Text Version 3.2.2で確認。

 

 

Sublime Text 3のコアファイルの場所

「起動ディスク」>「ユーザー」>「ユーザー名」>「ライブラリ」>「Application Support」>「Sublime Text 3」

 

 

Package Controlをインストール

パッケージ化して配布されている機能をSublime Textに新しく追加したり削除したりするためのパッケージマネージャー「Package Control」をインストールする方法。

公式サイトの「Install Now」ボタンのリンク先ページに記載されているいずれかの方法でインストールする。

 

[ 方法1: Command Palette ] (コマンドパレットからインストール)

  1. 「shift + command + P」でコマンドパレットを開く。
  2. 「Install Package Control」と入力して「enter」キー。

 

[ 方法2: Menu ] (Sublime Textのメニュー項目からインストール)

  1. Sublime Textのメニュー >「Tools」をクリック。
  2. 「Install Package Control…」を選択。

 

[ 方法3: Manual ] (手動でインストール)

  1. Sublime Textのメニュー >「Sublime Text」>「Preferences」>「Packages」 > 「Browse Packages…」をクリック。
  2. Finder上にSublime Textの「Packages」フォルダーが開かれるので、そのひとつ上の階層の「Sublime Text 3」フォルダーに行き、その中にある「Installed Packages」フォルダーを開く。
  3. 公式サイトの説明ページ下部の「Package Control.sublime-package」をクリックしてダウンロード。
  4. ダウンロードしたものを「Installed Packages」フォルダーにコピーを移動する。
  5. Sublime Textを再起動する。

 

 

ThemeとColor Schemeの追加と変更

ThemeとColor Schemeのインストール方法

  1. ショートカットキー「shift + command + P」でコマンドパレットを開き、「install package」と入力して「Enter」キーでPackageの一覧を開く。
  2. 検索ボックスにインストールしたい「ThemeかColor Schemeの名前」を入力して「enter」キーでインストール。

※ ThemeやColor Scheme以外でも検索ワードに該当するすべてのパッケージが表示されるので注意。

 

設定の変更方法 1

  1. Sublime Textのメニュー >「Preferences」>「Packages」 > 「Settings」で「settings – User」のタブを開く。
  2. 「”theme”: 」、「”color_scheme”: 」の行を変更したい名前にして保存。

 

設定の変更方法 2

  1. ショートカットキー「shift + command + P」でコマンドパレットを開き、「Select Theme」または「Select color Theme」と入力して「enter」キー。
  2. そのままプルダウンでインストールされているThemeまたはColor Schemeが表示される。
  3. 名前をクリックして選択するとそのThemeかColor Schemeに設定が変更される。

 

 

Packageの追加

ショートカットキー「shift + command + P」でコマンドパレットを開き、「install package」と入力して「Enter」キーを押して、インストールしたい「パッケージの名前」で検索、選択してインストール。

※ 公式サイトのパッケージ一覧

 

  • Emmet : コーディング省略
  • All Autocomplete : コード補完 (マッチする文字列があればサジェスト)
  • ConvertToUTF8 : 日本語コード対応
  • File​Op​Tab​Context​Menu : タブ複製
  • SublimeLinter : 文法エラーチェッカー
    PHP用 : SublimeLinter-phplint
    JavaScript用 : SublimeLinter-jshint
  • ColorPicker : カラーピッカー (呼び出しにはショートカットキーの設定が必要)
  • HTML-CSS-JS Prettify : コード整形

 

 

この記事のURL

https://memo.ag2works.tokyo/post-93/

Copyコピー
この記事のタイトル

Sublime Text 3のカスタマイズ。 | memo メモ [AG2WORKS]

Copyコピー
この記事のリンクタグ

<a href="https://memo.ag2works.tokyo/post-93/" target="_blank" rel="noopener">Sublime Text 3のカスタマイズ。 | memo メモ [AG2WORKS]</a>

Copyコピー
※ フィールドをクリックでコピーするテキストの編集ができます。

この記事へのコメント

コメントの書き込みはまだありません。

  • コメント内のタグはエスケープ処理され、文字列として出力されます。
  • セキュリティーのため、投稿者のIPアドレスは取得されます。
  • 管理者が内容を不適切と判断したコメントは削除されます。
  • このフォームにはスパム対策として、Googleの提供するreCAPTCHAシステムが導入されています。
    (Google Privacy Policy and Terms of Service.)