nodejs npm bower grunt 他们之间到底是什么关系?

[woshiyigexiaohao]

我是一个普通的程序员,平时只是通过 FTP 以及编辑器工具 用一些 html jq scss 编写的 css 来制作网站.

后来我发现这些东西好像远远不够

我发现 git 上很多项目都是有类似的安装说明:

npm install -g grunt-cli npm install bower install npm start

下载的源文件我完全看不懂.

请问这些之间到底是啥联系?我该如何去学习他们?

[laosb]

@haha1903 Make 不过时。简单点不需要用 make 的直接 npm script 。 bower 的活现在直接 npm 承包。

[maomaomao001]

@SuperMild 它的易用性体现在哪啊～～～我用的很痛苦

[maomaomao001]

@hronro 是啊～～我还打算那天看看 glup 或者 grunt 自动化前端开发～～～还没用就过时了，真可惜

[weaming]

bower 和 gulp 都过时了？我还准备学学呢

[SourceMan]

nodejs: Windows 系统
npm:360 软件管家
grunt.gulp.bower: 运行在 Windows 上的其他软件

[SuperMild]

@maomaomao001 是这样的，用 npm 安装东西分为 globally 和 locally 两种方式，其中 locally 是精华，是最好用的地方。

举一个简单的例子，比如你在一个名为 Project 的文件夹里用 locally 的方式安装东西，那么，全部依赖文件都在这里面，配合 webpack 之类的，在 js 文件里可以直接写 require('jquery') ，它会自动在这个文件夹里找到指定版本的 jquery 。

其它项目的 jquery 版本不受影响。

[Phariel]

前端就是喜欢折腾各种轮子然后哪天突然醒悟卧槽维护这东西好累啊咱们转向下个轮子吧

[maomaomao001]

@SuperMild 你们一般是怎么用 npm 的，只用控制台？
然后我每次安装一个模块的时候，点的明明是 -g 全局安装～～但是项目中使用的时候 npm install 它又去网站找，下载～～～很慢的

[bdbai]

@maomaomao001 可以把淘宝镜像源写进 .npmrc 来提速。

[charlie21]

npm install -g gulp 等东西，是因为会用到那些命令行： -g 那意味着全局安装 所以得到了命令行的可执行文件
which gulp 安装完之后可以查看可执行文件的位置
常用的可执行文件有 bower, browserify; gulp 等 ( gulp 和 grunt 基本不会同时用，会二选一 )
-
其他的都是依赖而已，由 npm 包管理器来安装

[hronro]

@maomaomao001 那现在是 gulp 的替代品是?

[dongoo]

@hronro 应该 Webpack 😂

[zsx]

@julyclyde gulp 哪里过时了……莫名其妙； gulp + browserify 和 webpack 的思想是不同的，适用于不同的场合。

[maomaomao001]

@hronro 我在用 webpack

[wubotao]

Gulp 也不算过时吧
Webpack 也不能算是完全替代 Gulp

[vimffs]

贵圈乱得可以，刚开始用就过时鸟