問題タブ [livereload]

初めてYeomanServerを試しましたが、LiveReloadへのフォールバックとしてネイティブウォッチツールが提供されていることがわかりました。ドキュメントがフォールバックを説明する方法は次のとおりです。

「[YeomanServer]はyeoman watchプロセスを自動的に起動するため、アプリケーションのファイルを変更すると、ブラウザはLiveReloadを介して更新されます。LiveReloadがローカルにインストールされていない場合は、代わりにフォールバックリロードプロセスが使用されます。」

これまでのところ、フォールバックプロセスは完全に機能しており、ブラウザ/メニューバーに何もインストールする必要がないのが気に入っています。

ヨーマンで両方の時計ツールを試した人はいますか？ワークフローはどのように異なり、LiveReloadに「アップグレード」するとどのような追加機能が得られますか？

更新： APIを簡単に調べると、Yeomanのライブリロード機能が実際にはLiveReloadであることがわかりました。それらは同じものです。ブラウザ拡張機能なしで機能する理由は、代わりにLiveReloadのsnipvrスニペットを使用しているためです。LiveReload GUIを介して、おそらくモバイルデバイスのテストのためにアクセスできる追加機能がいくつかある可能性がありますが、機能は同じである可能性が高くなります。

Markdown フィルターについて読んだことから、RedCarpet を HAML のフィルターとして使用したいと考えています。ただし、私は LiveReload を使用しており、現在は RDiscount、RPeg-markdown、Maruku、BlueCloth のみをサポートしているようです。

LiveReload で RedCarpet を使用する方法を教えてもらえますか? それが不可能な場合、他の 4 つのフィルターのうちどれが適切な推奨事項ですか (最も積極的に開発され、最も安全で、コミュニティの支援が大きい)?

私はgrailsアプリケーションを開発しています。毎回手動で更新ボタンを押すことなく、ブラウザページでコードの変更/編集をその場で更新したい。LiveReloadを試しましたが、grailsサーバーで動作させることができませんでした。この目的のための他のアプリケーションはありますか？コーディングにはIntellijIdeaIDEを使用しています。

IE8 でテストすると、Web ソケットがサポートされていないため、LiveReload はエラーをスローします。LiveReload を無効にするように yeoman を構成する方法はありますか?

ブートストラップレスファイルとライブリロード機能を備えたCodekitを試しています:)

「bootstrap.less」bootstrap.lessにインポートされるフォルダー「less」内のlessファイルを直接編集し、index.htmlにリンクされている「css/bootstrap.css」にコンパイルします。

すべてがうまく機能しているので、navbar.less などの少ないファイルでコードを編集して保存すると、ブラウザは期待どおりにライブでリロードされますが、何らかの理由で「variables.less」ファイルの変数値を変更して保存すると、ブラウザはライブでリロードしません。手動でリロードする必要があります。何故ですか？

Node.jsでこの「ホットコードプッシュ」を理解しようとしています。基本的に、私のメイン ファイル (入力すると実行されるnode app.js) は、いくつかの設定、構成、および初期化で構成されます。そのファイルには、chokidar を使用するファイル ウォッチャーがあります。I ファイルが追加されたら、I は単純requireにファイルです。ファイルが変更または更新された場合、キャッシュを削除してdelete require.cache[path]から再度要求します。これらのモジュールはすべて何もエクスポートせず、単一のグローバルStormオブジェクトで動作するだけです。

さまざまな方法を試しているため、一部のコードは不完全/使用されていません。

機能しているもの:

次のようなコードの場合:

完璧に動作します。ただし、非同期コードは更新に失敗します。

問題 = 非同期コード

その後、nodejs プロセスの実行中にファイルを更新すると、何も起こりませんが、ファイル ウォッチャーを通過し、キャッシュが削除されてから再確立されます。それが機能しない別の例は次のとおりです。

app.use はまだそのメソッドの古いバージョンを使用しているためです。

質問：

どうすれば問題を解決できますか? 足りないものはありますか？

永遠にサードパーティのモジュールを使用するよう提案しないでください。単一のインスタンス内に機能を組み込むことを試みています。

編集：

meteors のコードベース (node.js またはブラウザーの「ホット コード プッシュ」に関するリソースは驚くほど少ない) を研究し、独自の実装をいじくり回した後、実用的なソリューションを作成することに成功しました。https://github.com/TheHydroImpulse/Refresh.js . これはまだ開発の初期段階ですが、今のところしっかりしているようです。完成させるために、ブラウザ ソリューションも実装します。

Vagrant を利用した Ubuntu VM で実行される FuelPHP アプリケーションを構築しています。

すべてのページのグローバル ラッパーに CSS ファイルを含めようとしていますが、Firebug はそこにないと言います。(ファイルパスは <_link rel...> で正しいです)。

CSS ファイルは、実際には、LiveReload for Mac というアプリを使用して一連の LESS ファイルからコンパイルされたものです。

私の VM 上の Apache サーバーは、私の Mac 上のマウントされたフォルダーからサービスを提供するように設定されています。

とにかく、LiveReload は CSS ファイルを正しい場所にダンプし、私の Mac に取り込まれます。

ただし、VM に SSH で接続して CSS ファイルを調べると、何か奇妙なことが起こっていると思われます。まず、ファイル名が赤くなっています (しかし存在します!):

次に、テキスト エディター (この場合は nano) で開くと、Mac ではいっぱいになっているにもかかわらず、空白であることが示されます。

だから私の質問は... wtfはここで起こっていますか? VM で空と表示されるのはなぜですか? なぜ赤いのですか？Apache がそれを見つけて提供できないのはなぜですか?

編集、まだこれに苦労しています。

独自の「test.css」ファイルを追加したところ、問題なく読み込まれました。LiveReload によって生成された app.css だけではありません。VM に問題があります。誰でも助けることができますか？それは私の開発を妨げている厄介なものの 1 つです。

これがスタックトレースです（ただし、有用なものは何もないと確信しています）：

昨日、devtool autosave をインストールしましたが、正常に動作していました。現在、サーバーは適切に実行されており、ターミナルで DevTools Autosave 1.0.0 がhttp://127.0.0.1:9104 で実行されていることが示されていますが、css は記録されていません。クロムバージョン20.0.1132.47でubuntu 12.04を使用しています。ローカル ファイル (file:///media/263003BB3003914B/Dropbox/Dropbox/Code/Jquery/effets-and-structure/index.html) を編集しています。問題は開発ツールのオプションにあると思います。さまざまな種類のファイル パスの組み合わせを試しましたが、それでもうまくいきません。

Web の変更を監視するために使用される LiveReload という拡張機能をインストールして、google-chrome を起動する bash スクリプトを開発しようとしています。ポイントは、Web ページが開いているときに LiveReload をトリガーして監視を開始する必要があることです。これを自動的に実行したいと考えています。

出来ますか？

クロムでtincr拡張機能を使用しようとしています。ページを再度リロードしなくても、CSS と JavaScript を更新できます。私はそれを機能させるのに苦労しています。助けていただければ幸いです。

マイセットアップ

ソース コードのルート ディレクトリ: C:\dev\tfs\MyApp\Development Branches\3.3.0.0\Presentation\MyApp

IIS Web サイト ディレクトリは、上記のルート ディレクトリを指します。上記のフォルダー パスの下にある Scripts ディレクトリには、変更する js ファイルが含まれています。

tincr.json ファイルを作成し、ルート ディレクトリに配置しました

tincr.json

これは正しいです？Tincr を ASP.NET MVC 3 で動作させることができた人はいますか? ご協力ありがとうございました。

追伸-私には tincr タグを作成する担当者がいないので、誰かがこれに追加できれば、他の人も簡単に質問を投稿できるようになります。ありがとう。