Sublime text3 LiveReload プラグインを設定する

次のコラム sublime チュートリアル では、Sublime Text3 の構成と Livereload プラグインのインストール方法を紹介します。 . 必要な場合に役立つことを願っています。友達が助けてくれます!

フロントエンド コードを記述するとき、通常の操作は、エディターでコードを記述した後、コードを保存することです。ブラウザを更新してください 非常に面倒な処理であることがわかりますが、今回は開発効率を向上させる崇高な text3 プラグイン、LiveReload を紹介します。

ヒント:
LiveReload はブラウザでリアルタイムにプレビューできる優れたプラグインですが、Sublime text3 では、次の場所からインストールされます。 Package Control LiveReload は使用できませんが、手動でインストールすることを選択できます。

LiveReload プラグインのダウンロード

Sublime 側

Sublime 用 LiveReload Github text3 のアドレス: https://github.com/Grafikart/ST3-LiveReload、インストール方法は 2 つあります:

方法 1:

DownloadZip を選択して解凍しますフォルダーをパッケージ フォルダーに置き ([環境設定] > [パッケージの参照])、ST3

を再起動します。方法 2:

パッケージ フォルダーに直接クローンを作成します。

//适用于Linux  OSX  
//Windows可以通过Git操作
//进入Packages目录下
rm -rf LiveReload  
git clone https://github.com/Grafikart/ST3-LiveReload.git LiveReload

ブラウザ側

Chromeを使用しています。アプリストアでLiveReloadを直接見つけてインストールできます

このアイコンはインストール後に表示されます。

#構成

1. ctrl+shift+p
2. LiveReload: Enable/disable plugins
3. Enable - SimpleReload

#リアルタイム プレビュー ブラウザで html ファイルを開いたときに 1 回クリックすると、アイコンの中央のリングが原点に変わり、リアルタイムでプレビューできます。

ST3 のファイルを保存すると、ブラウザが更新されてリアルタイムでプレビューされるので、非常に便利です。

以上がSublime text3 LiveReload プラグインを設定するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。