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

公開日: : 最終更新日:2014/10/02 その他

ファイルの操作

ファイル名を検索して開く

Windows:CtrlP Mac:CmdP

表示された入力欄にファイル名の一部を入力すると検索結果が表示されるので選択して開きます。

ファイル名指定で開く

使用言語の指定

Windows:CtrlShiftP Mac:CmdShiftP

表示された入力欄に使用する言語名の一部を入力すると検索結果に「Set Syntax」が表示されるので選択します。
使用言語を指定することで言語にあった色分けや入力補完を表示してくれます。

言語指定

文字の大きさを変える

Windows:CtrlShift+Ctrl- Mac:CmdShift+Cmd-

カーソルの操作

複数のカーソルを配置する

Windows:Ctrlクリック Mac:Cmdクリック

クリック位置にカーソルを配置し一度に複数個所を編集することができます。
※下図のように複数個所に同じclass名を記述する場合等に便利

複数個所にカーソル

検索・置換

選択した文字と同じものを検索

Windows:CtrlD Mac:CmdD

検索するたびに選択した文字と同じものにカーソルが表示され、一度に編集することができます。

Windows:CtrlU Mac:CmdU

一つ前のカーソル位置に戻ります。検索位置が行き過ぎてしまった時に使用します。

Windows:CtrlK Mac:CmdK

カーソル位置を検索対象から外したい場合に使用します。

ファイル内の文字を検索:簡易版

Windows:Ctrl:

表示された入力欄に検索文字の一部を入力すると検索結果が表示されるので選択します。

ファイル内の文字を検索

ファイル内の文字を検索:高機能版

Windows:CtrlF Mac:CmdF

画面下部に検索ボックスが表示されます。

検索ボックス

正規表現検索

正規表現

大文字・小文字を区別

大文字小文字区別

完全一致検索

完全一致

最後まで検索したら先頭に戻る

先頭に戻る

選択した文字を検索対象

選択文字検索

選択した文字が検索対象

検索対象をハイライト+検索結果の数を表示

検索ハイライト

ファイル内の文字を置換

Windows:CtrlH Mac:CmdShiftF

画面下部に置換ボックスが表示されます。

Windows

置換ボックス

Mac

検索ウィンドウ

Find:置換前文字列
Where:置換対象ファイルやフォルダ(未指定時は現在編集中のファイル)
Replace:置換後文字列

正規表現検索

正規表現

大文字・小文字を区別

大文字小文字区別

完全一致検索

完全一致

結果の前後表示

検索結果の前後表示

結果を別ファイル表示

検索結果別ファイル表示

指定行へ移動

Windows:CtrlG

表示された入力欄に行番号を入力すると対象行を表示します。

対象行へ移動

行の操作

行の選択

Windows:CtrlL Mac:CmdL

複数行を一行ずつ選択

Windows:CtrlShiftL Mac:CmdShiftL

複数行を一行ずつ分割して一度に編集できます。

複数行選択 複数行分割

行のコピー

Windows:CtrlShiftD Mac:CmdShiftD

※対象行にカーソルをおいて(行選択しなくてよい)コピー&ペーストでも可能

行の削除

Windows:CtrlShiftK Mac:CtrlShiftK

行を上移動、下移動

Windows:CtrlShiftor Mac:Ctrlcmdor

行の下に空行挿入

Windows:CtrlEnter Mac:CmdEnter

行の上に空行挿入

Windows:CtrlShiftEnter Mac:CmdShiftEnter

コメント

1行コメント

Windows:Ctrl/ Mac:Cmd/

ブロックコメント

Windows:CtrlShift/ Mac:CmdOption/

画面分割

分割しない

Windows:Altor1 Mac:CmdOption1

2列で表示

Windows:Altor2 Mac:CmdOption2

3列で表示

Windows:Altor3 Mac:CmdOption3

4列で表示

Windows:Altor4 Mac:CmdOption4

4画面グリッド表示

Windows:Altor5 Mac:CmdOption5

2行で表示

Windows:Altor8

3行で表示

Windows:Altor9

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_indesign

InDesignの基礎を学ぶ

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

記事を読む

icon_viewportresizer

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

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

記事を読む

icon_sublime_mac2

Sublime Text 3 の初期設定:Mac

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

記事を読む

icon_dreamweaver

Dreamweaverの基礎を学ぶ

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

記事を読む

icon_sublime_win1

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

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

記事を読む

icon_sublime_mac1

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

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

記事を読む

icon_sublime_win3

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

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

記事を読む

icon_pgkaisetsu

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

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

記事を読む

icon_codeformat

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

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

記事を読む

icon_photoshop

Photoshopの基礎を学ぶ

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

記事を読む

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