Sublime Text 3 の初期設定:Mac

公開日: : 最終更新日:2014/09/16 その他

初期設定

メニューバーから「Sublime Text」→「Preferences」→「Settings-User」を選択します。

初期設定画面表示

設定はJSON形式(JavaScript Object Notation)で記述します。
「{ }」内にプロパティと値のペアで設定を記述します。複数設定する場合はカンマで区切り、最後のペアの後にカンマを付けません。文字列は「””」で囲みます。

初期設定

設定を記述したら保存。すぐに設定が反映されます。

おすすめ設定

{
  //初期文字コード:UTF-8
  "default_encoding": "UTF-8",
  //半角スペースやタブ記号等の制御文字:すべて表示
  "draw_white_space": "all",
  //文字コード不明ファイルの文字コード:UTF-8
  "fallback_encoding": "UTF-8",
  //フォントの大きさ:12px
  "font_size": 12,
  //選択行のハイライト表示:する
  "highlight_line": true,
  //Vimライクな使い方をするか:しない
  "ignored_packages":
  [
  "Vintage"
  ],
  //行間:5px
  "line_padding_top": 5,
  //ステータスバーの右下に文字コードを表示:する
  "show_encoding": true,
  //タブサイズ:半角スペース2つ分
  "tab_size": 2,
  //タブを半角スペースに変換:する
  "translate_tabs_to_spaces": true,
  //自動改行:しない
  "word_wrap": false
}

サイドバーの表示

メニューバー「View」→「Side Bar」→「Show Side Bar」or「Show Open Files」を選択します。

サイドバー表示

左側にサイドバーが表示されます。

サイドバー表示

サイドバーに作業フォルダをドラッグ&ドロップすることで登録することができます。

サイドバー登録

登録したフォルダを削除する場合は対象フォルダを右クリック(二本指タップ)して「Remove Folder from Project」を選択します。

作業フォルダ削除

サイドバーを非表示にする場合は、メニューバー「View」→「Side Bar」→「Hide Side Bar」を選択します。

サイドバー非表示

Windows版の関連リンク

  1. Sublime Text 3 のインストール:Windows
  2. Sublime Text 3 の初期設定:Windows
  3. Sublime Text 3 のパッケージインストール:Windows

Mac版の関連リンク

  1. Sublime Text 3 のインストール:Mac
  2. Sublime Text 3 の初期設定:Mac
  3. Sublime Text 3 のパッケージインストール:Mac

その他関連リンク

関連記事

icon_sublime_win3

Sublime Text 3 のパッケージインストール:Windows

Package Control のインストール Sublime Text 3 はパッケージをインストールすることで様々な便利機能を実装できます。パッケージをインストールするために必要な Packag...

記事を読む

icon_adobe

Adobe製品の基礎を学ぶ

よく使うソフトだけ別記事でまとめたけれど、その他のAdobe製品のチュートリアルや学習動画が充実しているのでURLをメモ。時間のある時に見てみよう。 AdobeTV ...

記事を読む

icon_htmlspecialchars

HTMLで意味のある記号をエスケープする

HTMLで意味のある記号をエスケープして表示。 ...

記事を読む

icon_indesign

InDesignの基礎を学ぶ

テキスト作りでInDesignを使うことに...。使い方わからねぇ。となった時。基礎学習に使用した本家Adobeサイト。 やっぱり動画ベースで学習するのがわかりやすい。 Learn InDesign...

記事を読む

icon_sublime1

Sublime Text 3 の便利ショートカットキー

ファイルの操作 ファイル名を検索して開く Windows:Ctrl+P Mac:Cmd+P 表示された入力欄にファイル名の一部を入力すると検索結果が表示されるので選択して開きます。 使...

記事を読む

icon_pgkaisetsu

プログラミング言語のわかりやすい解説

プログラミング言語についてわかりやすく解説しているサイトがあったのでメモ。 プログラミング言語人気TOP10の簡易解説 プログラミング言語人気TOP10の簡易解説の簡易解説 さらに詳しく...

記事を読む

icon_fireworks

Fireworksの基礎を学ぶ

普段使っているソフトもあらためて解説サイトを見ると新機能の紹介など発見がある。AdobeTVって初めて学ぶ人にはすごくいいと思うのに視聴回数少ない・・・。 もっとみんな見ればいいのに。 というか、F...

記事を読む

icon_sublime_mac3

Sublime Text 3 のパッケージインストール:Mac

Package Control のインストール Sublime Text 3 はパッケージをインストールすることで様々な便利機能を実装できます。パッケージをインストールするために必要な Packag...

記事を読む

icon_dreamweaver

Dreamweaverの基礎を学ぶ

新しいソフトを学ぶ時って本を買ってみたり、入門者向け解説サイトを巡ってみたりするけれど、最近は動画で学ぶのが一番効率よい気がしています。AdobeTVに基礎学習コンテンツが公開されているのでその紹介。...

記事を読む

icon_viewportresizer

iPad? iPhone? いろんな画面サイズで表示確認

すごく簡単に画面サイズ変更して確認できるサービス。デバイスごとの表示確認に使えそう。 このサイトで試してみると・・・。「↔ Resizer」 Viewport resizer ...

記事を読む

wp
WordPressフロントページ設定とテンプレート

固定ページに最新投稿一覧を表示させた時の使用テンプレートが何なのか調べる機会があったので保存。 管理画面「設定」→「表示設定」の「フロントページの表示」 「最新の投稿」選択時 フロントページ...

js
GoogleMap左上の白い枠を消す

左上の白い枠を消してほしいという要望が多いので。よく使うマップコードをスクラップ。 <!doctype html> <html> <head>...

wp
WordPressでよく使う関数

string get_site_url( ] ] ) 管理者ページの「設定」-「一般」の「WordPressのアドレス(URL)」 現在のブログのサイトURL取得 [php]<?php ...

wp
WordPressにFacebookのいいねボタン

WordPressにFacebookのいいねボタンを表示する。 コピペで対応したい時用 <body>の直後に記述するコード <div id="fb-root&qu...

js
スムーススクロールを作る – 応用

指定位置にするするとスクロールするプログラムを作ります。 必要な値は? ページ内スクロールをした際のゴール地点「y座標」の値 画面に必要なパーツは? 高さのあるコン...

→もっと見る

    • icon_sublime1
      41,290 views

      ファイルの操作 ファイル名を検索して開く Windows:Ctrl+P Mac:Cmd+P 表示された入力欄にファイル名の一部を入力すると検索結果が表示されるので選択して開きます。 使用言語の指定 Windows:Ctrl+Shift+P Mac:Cmd+Shift+P 表示された入力欄に使用する言語名の一部を入力すると検索結果に「Set Syntax」が表示されるので選択しま...

    • 曜日番号
      18,059 views

      現在の曜日番号を表示 [php]<?php //現在の曜日番号(日:0 月:1 火:2 水:3 木:4 金:5 土:6)を取得 $weekno = date('w'); //現在の曜日番号出力 echo $weekno; ?>[/php] 現在の曜日を表示 [php]<?php //日本語の曜日配列 $weekjp = array( '日', //0 ...

    • wp
      8,632 views

      WordPressの固定ページに投稿ページの最新記事を表示する。 [php]<?php //最新5件を表示 $paged = get_query_var('paged'); //現在のページ番号 $num = 5; //表示件数 query_posts('posts_per_page='.$num.'&paged='.$paged); if ( have_posts() ) :...

    • groupby
      6,374 views

      まずここをチェック!を先に 「フィールド名=NULL」はダメ 「フィールド名 IS NULL」を使う やりたいこと 会員を全員の名前を表示したい 最新の予約日付を表示したい 使用するテーブル 会員テーブル [ps]mysql> SELECT * FROM member; +----+--------+ | id | name | +----+----...

    • icon_kaiten
      5,798 views

      jQueryのanimateメソッドを使って要素を回転させてみるプログラム。 サンプルデータ [js] $('#box1').animate( {'z-index': 1},//z-indexを0から1に変更する { duration: 1000, //アニメーションの時間 //ステップ中の処理 //引数num:処理途中の変化している値 step: f...

PAGE TOP ↑
←幅を狭くする