タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

Gruntに関するmsykxxxのブックマーク (2)

  • Grunt livereload でファイルを修正したらブラウザを自動リロード - @ledsun blog

    livereloadとは? ファイルの変更を検知したらブラウザで読み込みなおすgrunt-contribe-watch プラグインのオプションです。 grunt-contribe-connectプラグインとブラウザ拡張と組み合わせて使います。 何がうれしいの? クライアントJavaScriptの開発では エディタでJavaScriptファイルを修正 ブラウザに切り替え ブラウザをリロード の三つを頻繁に繰り返します。 この「ブラウザをリロード」を自動で行ってくれると、以下のような簡単な確認であれば ブラウザにフォーカスを切り替える必要がありません。 レイアウトが崩れていないか エラーが起きないか エラーが起きてデバッグをしたくなっったら、ブラウザに切り替えます。 ブラウザに切り替えないので エディタで Ctrl + S で保存 ブラウザの表示を確認 エディタで修正作業の続き ブラウザにフォ

  • My first grunt - @ledsun blog

    grunt とは? JavaScript開発でよく使うビルドツール。makeやrakeのJavaScript版です。 Grunt: The JavaScript Task Runnerにて公開されています。 どうやって使うの? コマンドラインから操作します。Node.jsのパッケージマネージャ(npm)を使ってインストールします。 事前準備 Node.jsのインストール Chocolatey Chocolateyを入れてないなら、コマンドプロンプトで以下のコマンドを実行しましょう。 @powershell -NoProfile -ExecutionPolicy unrestricted -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))" && SET

    My first grunt - @ledsun blog
  • 1