フロントエンド開発にnpm、gruntなどを使用するのは何ですか？

Question

フロントエンドの開発にnpm、gruntなどを正確に使用する方法を知りたいですか？ なぜ、どのように使用するのですか？

Answer 1

NPMはノードパッケージマネージャーです.NPMは、CL（コマンドライン）を使用して1つのコマンドで多数のインストールを自動化する方法と考えることができます。それ以外の場合は、すべてのスクリプトを手動でインストールする必要があります。これは、ゲームや標準プログラムのインストールのようにユーザーフレンドリーではないことが多いため、一般的に面倒です。

グランクト/ Gulp /ブロッコリー/ etc。 - 私が聞いて読んだことから、私はそれを自分で使っていないのですが、これはツールであり、多くのタスクを自動化するのに役立ちます。通常は手動で行う必要があります。 CSS/HTML/JSプリプロセッサをコンパイルすることから、さまざまなファイルを1つの大きなファイルに連結したり、ファイルの変更を監視してサーバに自動的にアップロードしたりすることができます。基本的には、設定が容易なツールであり、日常的で退屈な作業を自動化するのに役立ちます。

Answer 2

実際、NPMはパッケージマネージャーで、GulpやGruntなどのソフトウェアパッケージをたくさんダウンロードできますが、コマンドラインでBootstrapなどもダウンロードできます。これのためにnode.jsをインストールする必要があります。これはフロントエンドの開発者としては必要ありませんが、手作業でインストールするよりはるかに簡単にソフトウェアをインストールできるようになります。人気のモジュールのために、このようなうなり声やガルプとして

ソフトウェアは、主にSASSとLESSをコンパイルすると、フロントエンドの開発者を支援しますNPM

https://www.npmjs.com/browse/starため

• https://docs.npmjs.com/getting-started/what-is-npm、あなたの時間を節約し、あなたを可能にするCSSプリプロセッサあなたのCSSのより多くの機能を持っている。 Grunt、Gulpなどはコマンドラインで実行され、ファイルを簡単に編集できます。たとえば、私はGulpをSASSと組み合わせて使用​​します。 SASSをコンパイルする必要があるので、コードエディタの保存ボタン、SASS：Watchプラグインを押すと、SASSファイルをCSSファイルに自動的にコンパイルするコマンドを設定しました。

  GulpまたはGruntを使用することを強くおすすめします。

  • http://sass-lang.com/documentation/file.SASS_REFERENCE.html SASSドキュメントグッため
  http://gulpjs.com/
  • ガルプドキュメント
  • http://gulpjs.com/plugins/プラグイン