3

次のように必要な宝石をインストールしました：

        ~/Desktop/html5$ gem list

        bundle (0.0.1)
        bundler (1.3.5)
        coderay (1.0.9)
        em-websocket (0.5.0)
        eventmachine (1.0.3)
        ffi (1.8.1)
        formatador (0.2.4)
        guard (1.8.0)
        guard-livereload (1.4.0)
        guard-sass (1.2.0)

これは私のGuardfileがどのように見えるかです:

        ~/Desktop/html5$ more Guardfile 
        A sample Guardfile
        More info at https://github.com/guard/guard#readme

        guard 'livereload' do
            watch(%r{.+\.(css|js|html)$})
        end

これは私が実行したときに得られるものです: bundle exec guard

        ~/Desktop/html5$ bundle exec guard
        12:05:56 - INFO - Guard uses NotifySend to send notifications.
        12:05:56 - INFO - Guard uses TerminalTitle to send notifications.
        12:05:56 - INFO - LiveReload is waiting for a browser to connect.
        12:05:56 - INFO - Guard is now watching at '/home/praveen/Desktop/html5'
        [1] guard(main)>

Guard サーバーが実行されていることを確認するために、これは telnet 時に得られるものです

        :~/Desktop/html5$ telnet 127.0.0.1 35729
        Trying 127.0.0.1...
        Connected to 127.0.0.1.
        Escape character is '^]'.

監視対象ディレクトリの index.html に変更を加えると、ガード プロンプトで次のように表示されます。

      13:36:20 - INFO - Browser connected.
      13:36:25 - INFO - Reloading browser: index.html
      13:36:34 - INFO - Reloading browser: index.html

[1]ガード(メイン)>

Chrome ライブ リロード プラグインをインストールし、ファイルの読み取り許可を与えましたが、クリックしても変更されないため、コードの変更が /home/praveen/Desktop/html5 の html または css にリロードされません。pls何ができるか教えてください。

プラヴィーン

4

2 に答える 2

4

2日間苦労した後、これはUbuntu 13.04で手間をかけずに機能すると考えた方法であり、ワークフローがシームレスになりました。

Python と CD から、変更を監視する必要があるディレクトリに LiveReload をインストールします。

        curl -O https://raw.github.com/pypa/pip/master/contrib/get-pip.py | python           
        pip install livereload
        sudo apt-get install python-pip
        pip install livereload
        cd FolderToBeMonitored/

html および css ファイルへのすべての変更を監視するために、次の内容で Guardfile という名前のファイルを作成します。

        Desktop/html5$ more Guardfile 
        #!/usr/bin/env python
        from livereload.task import Task

        Task.add('*.css')
        Task.add('*.html')
        Task.add('css/*.css')
        praveen@praveen-XPS-L412Z:~/Desktop/html5$

上記が完了したら、次のコマンドで LiveReload を開始します。

            livereload -b

liveReload はデフォルトのポートとして 35729 を使用しますが、1717 に変更する必要がある場合は使用することに注意してください

        livereload -p 1717 -b

デフォルトの html ファイルは、デフォルトのブラウザーで自動的に起動します。バグのある Chrome 拡張機能をインストールする必要はありません。特定のファイルを起動するには、以下の形式の適切な URL を使用します

       http://127.0.0.1:35729/test.html

この方法では、Ruby gem のインストールに続いて、ポート メソッドに接続する必要がある chrome 拡張機能を使用します。この問題に 2 日間費やしましたが、chrome プラグインなしで動作する上記の方法論を理解するまではうまくいきませんでした。

于 2013-05-26T10:26:00.047 に答える