読者です 読者をやめる 読者になる 読者になる

Milk+ea

Weblog Is My Hobby.

【SublimeText】編集中のファイルをブラウザで開く、リロードできるパッケージ 2つ

Sublime Text

HTML,CSSの確認に便利。
フォルダ開いてダブルクリックで開くのが「面倒臭っせー」と思う人に(僕)。

環境

使うパッケージ

両方とも、Package Control(Windowsなら[ctrl+shift+p])からインストールできるってことなんですが、僕は何故かBrowserRefreshの方が失敗しちゃいます。
仕方ないので、zipでダウンロードしてPerformances -> Browse Packagesの中にコピーしました。

キーバインドを設定

Performances -> Key Bindings - User を開いて設定を追加します。

{
  "keys": ["alt+o"], "command": "browser_refresh", "args": {
    "auto_save": true,
    "delay": 0.5,
    "activate_browser": true,
    "browser_name" : "Google Chrome"
  }
},
{ "keys" : ["ctrl+alt+o"], "command": "side_bar_open_in_browser" }

[ctrl+alt+o]や[alt+o]は僕が勝手につけたショートカットです。好きなのをつけまそう。
上がBrowserRefresh、下がSideBarEnhancementsです。

使う

開きたいファイル(HTMLとか)のタブで[ctrl+alt+o]を入力するとGoogleChromeにそのファイルが表示されます。
後は、少し編集するたび[alt+o]すれば"ブラウザが現在開いいるタブ"をリロードしてアクティブ(デスクトップで一番前)に持ってきてくれます。

2カラムにして片方にCSS、もう片方にHTMLを置いてショートカット[ctrl+1, ctrl+2]で移動みたいにすると便利かも。