Sublime Text 3 の初期設定:Windows

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

初期設定

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

sublime_setting01

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

sublime_setting20

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

おすすめ設定

{
 //初期文字コード:UTF-8
 "default_encoding": "UTF-8",
 //半角スペースやタブ記号等の制御文字:すべて表示
 "draw_white_space": "all",
 //文字コード不明ファイルの文字コード:UTF-8
 "fallback_encoding": "UTF-8",
 //フォントの種類:Consolas
 "font_face": "Consolas",
 //フォントの大きさ: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」を選択します。

sublime_sidebar01

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

sublime_sidebar03

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

sublime_sidebar02

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

sublime_sidebar04

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

sublime_sidebar05

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_win1

Sublime Text 3 のインストール:Windows

Sublime Text は Windows でも Mac でも使える高機能テキストエディタです。有料(70ドル)ですが評価版の利用ということで期間・機能無制限で利用できます。評価版の場合、たまにライ...

記事を読む

icon_adobe

Adobe製品の基礎を学ぶ

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

記事を読む

icon_htmlspecialchars

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

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

記事を読む

icon_sublime_mac3

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

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

記事を読む

icon_photoshop

Photoshopの基礎を学ぶ

普段あまりグラフィックソフトを使わないので知識がPhotoshop6.0で止まっていた・・・。今のPhotoshopってすごい!そして楽しそう!!あぁ僕にデザインセンスがあれば。 Learn Pho...

記事を読む

icon_codeformat

ソースコードをきれいに整形する

ソースコードを読んだり、バグを見つけたりするのに必須なのがインデント。読みやすいソースコードに自動で整形してくれるサービスをメモ。 インデントには僕も気をつけているけれど、jQueryのメソッドチェー...

記事を読む

icon_sublime_win3

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

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

記事を読む

icon_viewportresizer

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

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

記事を読む

icon_sublime_mac2

Sublime Text 3 の初期設定:Mac

初期設定 メニューバーから「Sublime Text」→「Preferences」→「Settings-User」を選択します。 設定はJSON形式(JavaScript Object Not...

記事を読む

icon_fireworks

Fireworksの基礎を学ぶ

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

記事を読む

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 ↑
←幅を狭くする