【SublimeText】編集中のファイルをブラウザで開く、リロードできるパッケージ 2つ
HTML,CSSの確認に便利。
フォルダ開いてダブルクリックで開くのが「面倒臭っせー」と思う人に(僕)。
環境
- Windows8
- Google Chrome バージョン 28.0.1500.95 m
- 他のブラウザでもググルといろいr
使うパッケージ
- https://github.com/gcollazo/BrowserRefresh-Sublime
- https://github.com/titoBouzout/SideBarEnhancements/tree/st3
両方とも、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]で移動みたいにすると便利かも。