GistとSublimeTextを連携する

最近Gistをよく使うので、SublimeTextと連携してみることにした。

1. Gistのプラグインをインストールする

command(ctrl)+shift+Pでコマンドパレットを開き、installと入力すると候補がたくさん出てくるので、Package Control: Install Pckageを選択する。

f:id:kgmx:20140410221316p:plain

注意点:installと入力してもPackage Control: Install Pckageが出てこない場合は、まずPackage Controlをインストールする必要がある。

Gistと入力し、インストール可能なプラグインの一覧の中からGistを選択する。

f:id:kgmx:20140410221303p:plain

2. 連携に必要な情報を入力する

プラグインをインストールすると、Preferences > Package Settings > Gist と出てくるので、Settings - Userを選択する。

f:id:kgmx:20140411090743p:plain

Gist.sublime-settingsのファイルに以下の項目を書き、保存する。

{
  "username": "Githubのアカウント名",
  "password": "Githubのパスワード",
  "token": "Github上で取得したAPI Token"
}

3. Github API Tokenを取得する

Github上でAccount Settingsを開き、Applications > Personal Access Tokens > Generate new tokenを選択し、API Tokenを取得する。

f:id:kgmx:20140410151137p:plain

f:id:kgmx:20140410151545p:plain

Token descriptionはわかりやすいようにsublime text2 plugin for Gistとした。

取得したTokenをコピーしておく。

f:id:kgmx:20140410151555p:plain

4. プラグインを使ってGistにコードを保存&確認してみる

保存する

編集中の画面で、command + shift + Pでコマンドパレットを開き、gistと入力して、Create Private Gistを選択する。

・Gist Description(optional)

f:id:kgmx:20140411002958p:plain

・Gist File Name(optional)(編集中のファイル名が最初から表示されている)

f:id:kgmx:20140411003015p:plain

をそれぞれ入力して入力してエンターを押すと、GIstに保存される。

確認する

command + shift + Pでコマンドパレットを開き、gistと入力して、Open Gist in Browserを選択する。

f:id:kgmx:20140411090557p:plain

なんと!保存されている!