在前端开发中使用npm,grunt等有什么用处?

时间:2016-04-03 14:02:02

标签: html html5 frontend

我想知道前端开发中npm,grunt等的用途是什么? 为什么以及如何使用它?

2 个答案:

答案 0 :(得分:1)

NPM是节点包管理器 - 您可以将其视为使用CL(命令行)通过单个命令为您自动执行大量安装的一种方法。否则你必须手动安装所有脚本,这通常是相当混乱的,因为它们通常不像游戏或标准程序安装那样用户友好。

咕噜/咕嘟咕嘟/西兰花/等。 - 虽然我自己并没有使用它,但从我所听到和读到的内容:它是一种工具,可以帮助您自动执行大量任务,您通常必须手动完成。任何东西,包括编译任何CSS / HTML / JS预处理器,将不同文件连接成一个大文件,观察文件中的更改以自动将它们上传到服务器等等。基本上它是一个高度可配置的工具,旨在帮助您自动化平凡无聊的任务。

答案 1 :(得分:1)

实际上,NPM是一个包管理器,它允许你下载很多软件包,如Gulp和Grunt,还有命令行的Bootstrap等。您必须为此安装node.js.您不需要将其作为前端开发人员,但它会使安装软件比手动安装更容易,这需要花费更多时间。

Grunt和Gulp等软件将帮助前端开发人员主要编译SASS和LESS,CSS预处理器,这样可以节省您的时间并让您在css中拥有更多功能。 Grunt,Gulp等在命令行中运行,可以更轻松地编辑文件。例如,我将自己使用Gulp与SASS结合使用。因为SASS必须编译为css我已经设置了一个命令,如果我点击代码编辑器中的保存按钮SASS:Watch插件,它会自动将我的SASS文件编译成CSS文件。

我强烈推荐使用SASS,因此使用Gulp或Grunt。