Skip to content

Instantly share code, notes, and snippets.

@megane9988

megane9988/sublime text 2 資料.md

Last active December 15, 2015 08:19
Show Gist options
  • Save megane9988/5229779 to your computer and use it in GitHub Desktop.
Save megane9988/5229779 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
sublime text 2 資料.md

sublime text 2

http://www.sublimetext.com/
Total: USD $70 ちょっと値上がってましたね。。

  • クロスプラットフォーム
    • windows
    • mac
    • linux

人気になってる記事

参考サイト

こもりさんのスライドとか

Yatさんのブログ

  • 使ってわずか10分でメインエディタを変えてしまったSublime Text （ST2）がめちゃめちゃ使いやすい件 http://wp.yat-net.com/?p=3313

ドットインストール

その他

基本操作

サイドバーを出したりしまったり

⌘ + k → ⌘ + b
■WIN :ctrl + k → ctrl + b

開く

⌘ + o
■WIN :ctrl + o

タブを開く

⌘ + n
■WIN :ctrl + n

閉じる

⌘ + w
■WIN :ctrl + w

アプリを閉じる

⌘ + q
■Win :win + d

いつアプリを閉じても、次に開くと、閉じる直前の状態に戻る 勝手に保存

画面分割と移動

横n等分

⌘ + alt+ 1~4

■WIN :alt + shift + 1~4

縦n等分

⌘ + alt+ ⇧+ 2, 3
■WIN :alt + shift + 8,9

縦横2等分

縦横
⌘ + alt+ 5
■WIN :alt + shift + 5

ウインドウグループ選択

タブを選択したグループに移動

⌘ + 1~4
■WIN :alt + 1~4

グループnに移動

⌘ + ⇧+ 1~4
■WIN :ctrl + ⇧+ 1~4

サイドバーにフォーカス

⌘ + 0
■WIN :ctrl + 0

隣のタブに移動

⌘ + ⇧+ [
⌘ + ⇧+ ]

隣のタブに移動

⌘ + alt+ left
⌘ + alt+ right

プロジェクト管理

フォルダごと管理

フォルダをsublimeのアイコンもしくはサイドバーにドラッグアンドドロップ

プロジェクトの保存

メニューのProjectより”Save Project As”で名付けて保存

go Anything

いろいろなところに移動 ファイル名と関数

関数検索プロンプト

⌘ + r
■WIN :ctrl + r

行番号指定プロンプト

ctrl + g
■WIN :ctrl + g

検索

検索パネル

⌘ + f
■WIN :ctrl + f

置換パネル

⌘ + alt+ f
■WIN :ctrl + h

ファイルやフォルダを指定して検索（grep）

grep
⌘ + ⇧+ f
■WIN :ctrl + ⇧+ f

行をコメントアウト（複数行可）

コメントアウト

⌘ + /

行のコメントアウトを外す

⌘ + alt + /

大文字小文字

大文字にする

⌘ + k → ⌘ + u
■WIN :ctrl + k → ctrl + u

小文字にする

⌘ + K → ⌘ + l
■WIN :ctrl + K → ctrl + l

選択部分の折りたたみ・解除

⌘ + alt+ [ : fold
⌘ + alt+ ] : unfold

マルチセレクト

マルチセレクト

マルチセレクト

単語を選択した状態で
⌘ + d
■WIN :ctrl + d

一括マルチセレクト

⌘ + ctrl + g

複数行選択

一行を選択

⌘ + l
■WIN :ctrl + l

隣の行にカーソルが増える

カーソル追加
ctrl + ⇧+ up
ctrl + ⇧+ down

■WIN :alt + shift+ up
■WIN :alt + shift+ down

選択部分の行すべての末にカーソルを表示

⌘ + ⇧+ l
■WIN :ctrl + shift + l

カレント行を前後の行と入れ替え

ctrl + ⌘ + up
ctrl + ⌘ + down
■WIN :ctrl + shift + up
■WIN :ctrl + shift + down

ユーザ設定

ユーザ設定

⌘ + ,
■WIN :Preferences → Setting User Setting + User

" 例）

//フォントサイズ
"font_size": 12.0,

//行間のサイズ
"line_padding_top": 2,

//タブサイズ
"tab_size": 2,

//タブをスペースで行う
"translate_tabs_to_spaces": true,

//タブやスペースなどの不過視文字を表示
"draw_white_space": "all",

//編集が行われたファイルのタブをオレンジ色にする
"highlight_modified_tabs": true,

//最後の行を超えてスクロール出来る
"scroll_past_end": true,

//ウィンドウ幅に応じた自動改行を行う
"word_wrap": true,

// サイドバーのフォルダ名を太字に
"bold_folder_labels": true,

// キャレットのスタイルを変える。他に「smooth」「blick」「solid」「wide」など
"caret_style": "phase",

// カーソルのある行をハイライトする
"highlight_line": true,

// ミニマップの表示位置にボーダーを付ける
"draw_minimap_border": true,

// テーマをSoda Darkに変更
"theme": "Soda Dark.sublime-theme",

/* for Emmet User */ // Emmetを有効にすると、日本語変換確定後に文字が消えるのを防ぐ "disable_formatted_linebreak": true,

// Emmetを有効にすると、HTMLで「php」の展開が「」にならない問題の回避 "disabled_single_snippet_for_scopes": "",

// 英語キーボード以外でEmmetを使う場合は「false」にするとかしないとか "enable_emmet_keymap": true,

パッケージコントローラーのインストール

pac http://wbond.net/sublime_packages/package_control/installation

コンソールを出して view →　showconsole

コピペしてエントリー
その後、再起動

コマンドパレットより利用する

⌘ + ⇧+ p
■WIN :ctrl + ⇧+ p

packとか入れると出てくる

  • Install Package（パッケージのインストール）
  • Remove Package（パッケージのアンインストール）
  • Enable Package（パッケージの有効化）
  • Disable Package（パッケージの無効化）
  • Upgrade Package（パッケージのアップグレード）

パッケージ

http://wbond.net/sublime_packages/community#sort-installs http://liginc.co.jp/designer/archives/6774

IMESupport（windowsのみ）

IMESupport
Sublime text2は、日本語入力の際に変換候補が画面左上に表示されるのが欠点ですが、これはカーソル下に表示するようにしてくれます。

SideBarEnhancements

SideBarEnhancements
Side Barの右クリックに機能を追加

Theme - Soda

テーマの変更　"theme": "Soda Dark.sublime-theme"

SublimeLinter

SublimeLinter
文法チェック

Git

sublime から直接　git　操作

HTML5

html5の自動補完

jQuery

jQueryの自動補完

BracketHighlighter

開始・終了タグの強調

less

lessの自動補完

Sass

Sassの自動補完

compass

Sass/Compass のコンパイル
http://dev.classmethod.jp/tool/scss-compass-fast-development-for-sublime-text-2-compile/

Markdown Preview

マークダウン記法をブラウザでプレビュー

tag

　</ などでタグを閉じる ・　option + control + fでフォーマット

Nettuts+ Fetch

Githubなどからファイルを任意のフォルダにdownloadし展開する

ColorPicker

ColorPicker
⌘ + ⇧　+ c でカラーピッカーを呼び出す

hayaku

cssの爆速補完

emmet

htmlの爆速補完

sftp

SFTP等による接続とファイル管理

Terminal

今のディレクトリで Terminal を開いてくれます

ConvertToUTF8

UTF-8にしか対応していないSublime Text 2でドキュメントの文字コードを変換・保存できる。

AutoFileName

HTMLとかCSSで画像などのファイル名をディレクトリから取得し、サイズまで自動で挿入する。

SASS build

Sassのビルドシステム。あらかじめSassのインストールが必要。

Goto CSS Declaration

開いているHTMLのカーソル位置から該当セレクタを開く（CSS/Sass/LESS）。

Clipboard History

クリップボードの拡張です。履歴を保存します。（Ctrl＋Alt＋V）

SublimeCodeIntel

PHP、JS、HTMLなど様々な言語での自動補完や、関数や変数が定義されている箇所へのジャンプ機能などが使えるようになります。

SublimeBlockCursor

Vintageモード時のカーソルをブロック表示にする。見やすい！

DocBlockr

関数を書いたあとに関数コメントを自動記述！楽チン便利！

CTags

あまり賢くないけど速い宣言へのジャンプ

Compass Build System

Compassの自動補完

Browser Refresh

Sublime Text2を開いたままcommand + shift + rでブラウザ更新

CSScomb

Shift + control + cでCSSのプロパティを自動整列

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment