Webページをコーディングする際にエディタでhtmlやCSSを書いていく必要がありますが、特にCSSを書いていく時はなんどもブラウザで表示を確認する必要があります。その時にとても重宝するのがBrowser Refreshです。
Browser Refreshを使えば勝手に更新してくれる
Sublime Textというテキストエディタを使い、勝手に更新してくれるプラグインを導入していきます。
Sublime TextではPackage Controlというものを入れると機能拡張ができるようになるのでまず、そちらを入れていきます。
Package Controlを入れた後はツールバーからPreferencesを選んでPackage Controlを選びます。
![](http://otaruwebseisaku.com/wp-content/uploads/2019/09/9f6a2c2d26dbe827c4a31ce3b7680a69.png)
Browser Refreshを入力しエンターキーを押します。
![](http://otaruwebseisaku.com/wp-content/uploads/2019/09/cd5367a031b7bed3f119d43887728f08.png)
その後Preferences>Package Control>Setting-Userを選びます。
![](http://otaruwebseisaku.com/wp-content/uploads/2019/09/b4e1b4eb23c68ab4ae30c2b3ad4a6b29.png)
こちらを入力します。Preferences>Package Control>Setting-Defaultには初期設定が書かれているので、コピーペーストしてKeysのところをcommand+sに変更して、保存すれば設定完了です。
![](http://otaruwebseisaku.com/wp-content/uploads/2019/09/94e0fec331b55fe71d52e6e15746430e.png)
これでコーディングの際の手間が少なくなり、時間短縮できます。