sublimetext plugins

intro

Eiji Kitamura (@agektmr)

http://goo.gl/u2IDq

Before We Start...

ご紹介する Plugin はすべて Package Control から入手可能です

My Plugins...(1)

Alignment
AngularJS
BracketHightlighter
FileDiffs
HTML5
LESS
LESS-build
Nettuts+Fetch
SFTP

My Plugins...(2)

SideBarEnhancements
Sublime-HTMLPrettify
SublimeCodeIntel
SublimeLinter
SublimeServer
Terminal
Theme - Soda
TrailingSpaces

FileDiffs

SublimeText上で手軽にdiffを取るツール

Command+Shift+P > diff

Diff with Clipboard
Diff with File in Project...
Diff with Open Tab...

から選択

diffを取りたいファイルを選択

結果が新しいタブで開く

LESS-build

.lessファイルをコンパイルするツール

Tools > Build System から LESS を選択
(場合によっては Automatic でおｋ)
現在表示している.lessファイルをコンパイルして.cssファイルを書き出す

Nettuts+Fetch

テンプレートセットを呼び出すツール

オンライン上にあるファイルセット(Package)をローカルディスク上に展開
ローカルディスクの別の場所にあるPackageを展開

Nettuts+Fetch (prep)

予めファイルセットを作っておき、.zipに固めて置いておく(単一ファイルの場合は.zipしなくてよい)
例えば HTML, CSS, JavaScript, .gitignore 等
Command+Shift+P > fetch
Fetch: Manage を選択
単一ファイルなら files 直下に、Packageなら packages 直下に URL またはパスを記入、保存

Nettuts+Fetch (usage)

Command+Shift+P > fetch
Fetch: File または Fetch: Package を選択
先ほどの設定ファイルに記入したものがリストアップされるので選択
ファイルを配置したいパスを指定

SFTP

リモートサーバーと SFTP, FTP または FTPS するツール

サーバーへのアップロードを簡易化してくれる
パスワードなどは設定ファイルで管理
有料だけど無料で使えるぽい・・・？

SFTP (prep)

右クリック
SFTP/FTP を選択
Map to Remote... を選択
sftp-config.json が自動的に作られるので、設定を記入して保存

SFTP (usage)

Command+Shift+P > SFTP
メニューを選択して実行

右クリックして SFTP/FTP を選択
メニューを選択して実行

SublimeServer

ローカルにシンプルなサーバーを立ててくれるツール

スタティックファイルを HTTP で配信してくれる

SublimeServer (prep)

Tools > SublimeServer > Settings...
設定ファイルを編集 (ポート番号等)

SublimeServer (usage)

Tools > SublimeServer > Start SublimeServer
ブラウザで http://localhost:8080 にアクセス (ポート番号は変更可能)
現在開いているウィンドウのリストが表示されるので、選択
Tools > SublimeServer > Stop SublimeServer

Theme - Soda

UI をカッコ良くしてくれるテーマ

Package Control でインストール
Command+, で User 設定を開く
"theme": "Soda Light.sublime-theme" を追加
保存して再起動

Thank You!

sublimetext plugins intro

By agektmr

sublimetext plugins intro

5,657

agektmr