問題タブ [livereload]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
sass - Sublime Text は CSS/SASS ファイルのライブ編集をサポートしていますか?
Sublime Text はファイルのライブ編集をサポートしていますか?
より良いワークフローを探しています。Sublime Text はとても気に入っていますが、最近は Codepen.io や (最近テストされた) Adobe Brackets などのツールの「ライブ編集」機能に甘んじています。Sublime に戻ると、Live Reload でさえ不格好に思えます。
Live Reload: [プレビューに保存] を押します。
私は LiveReload Chrome プラグインを使用しており、プロジェクト (Ruby または JS) に応じて Guard または Grunt を使用してシステム ファイルを監視します。ライブリロードが好きです。しかし、ブラウザで変更を確認するためにファイルの「保存」を押さなければならないのは、気が狂いそうです。CSS スタイル インジェクション (ブラウザーの完全なリロードなし) を使用しても、入力時に即座に更新される Codepen やブラケットと比較すると、私は盲目的に飛んでいます。
その他のツール
** GUI ツール **: Codekit や Hammer などのツールについて聞いたことがあります。私が間違っている場合は訂正してください。ただし、コマンド ラインがないことを除いて、Gaurd と Grunt が行うこととまったく同じように見えます。
** Chome Tools Spaces **: ブラウザーで Sass を編集できる機能は素晴らしいです。これを設定しましたが、めったに使用しません。Sublime Text での HTML/CSS/Sass の編集は、あらゆる点で Chrome Tools よりも優れています。その点までは、Adobe Brackets よりもはるかに優れているため、(現時点では) 使用を検討していません (また、Brackets の「クールな機能」のほとんどは、Sass ではなくバニラ CSS で動作するようです)。
**ライブ スタイル: これを試してみましたが、うまくいきません。
「ライブ編集サブライム」、「ライブリフレッシュコードペンサブライムテキスト」などをグーグルで検索したに違いありません.今年は何千回も結果が得られませんでした。
誰かがこれに関する貴重な情報を持っている場合は、これに追加してください。投稿してください!
stylus - ネットワーク ドライブ経由のライブ リロード
CodeKit、LiveReload、または grunt watch を使用して、ネットワーク ドライブ上のファイルからの変更をすぐに確認しようとしています。Stylus ファイルのコンパイルが完了するまでに約 7 秒かかり、ブラウザに表示されるまでにさらに 10 ~ 20 秒かかります。
サイトをローカル ハード ドライブに移動する以外に、サイトの応答性を向上させる方法はありますか?
windows - Guard-livereload の初期化中にエラーが発生しました
Windowsにguard live reloadをインストールしようとしています。これまでのところ、ガードがインストールされ、バンドラーを介して動作しています。しかし、livereload gem をインストールして試してみguard init livereload
たところbundler exec guard init livereload
、次の結果が得られました。
10:12:46 - ERROR - Could not load 'guard/livereload' or '~/.guard/templates/live
reload' or find class Guard::Livereload
gruntjs - Yeoman で Livereload による自動オープン ページを変更するには?
yeoman を使用して を実行するgrunt server
と、 livereload によって Web ページ 127.0.0.1:9000 が自動的に開きます。ただし、nginx プロキシ 127.0.0.1:9000 を foo.com に使用しているため、127.0.0.1:9000 ではなく foo.com を自動で開く必要があります。
構成を確認Gruntfile.js
して見つけましたが、ホスト名を変更する方法はないようでした:
サーバーはまだ9000で実行する必要があるため、オプションでポートとホスト名を変更できません。変更すると、Fatal error: listen EACCES
表示されます。自動で開くページを変更したいだけです。
また、grunt で livereload をカスタマイズするためのドキュメントは他にありますか?
これらのファイルを yeoman で生成するだけです。
Gruntfile.js:
パッケージ.json:
performance - livereload でうなり声を上げて遅くする
これが私のGruntfile.js
そして、これはからの出力ですgrunt watch
:
- ..だから、なぜ livereload はページを更新するのにそんなに時間がかかり、.scss ファイルの変更をプレビューするのに 10 秒もかかるのですか?
- ..私が知りたいもう 1 つのことは、app.css でのコンパイルの遅れを回避する方法です。これには約 4 秒かかりましたが、それは変更されていませんか?
この構成で livereload ブラウザー拡張機能を使用しています。
ありがとう。
gruntjs - Grunt サーバータスク中に Grunt ウォッチが機能しない
監視タスクを実行する grunt サーバー タスクで Grunt を使用しています。残念ながら、less または coffee ファイルを保存した後、watch taks によってトリガーされるはずの「デフォルト」タスクがトリガーされないため、ブラウザーは livereload しません。
問題を検索していましたが、適切な解決策が見つかりませんでした。
これが私のGruntfile.coffeeの抜粋です:
事前に助けてくれてありがとう!:)
livereload - ブラウザをガード livereload に接続する方法
ブラウザで livereload に接続できません Guard コマンドを実行すると、出力に次のように表示されます。
通常、次のようなメッセージが表示されます。
私を助けてください !!!