NPM下载模块说明

最新推荐文章于 2024-08-13 08:15:06 发布

blog-lichuyan

最新推荐文章于 2024-08-13 08:15:06 发布

阅读量1.1k

点赞数

分类专栏：前端工具

本文链接：https://blog.csdn.net/qq_38643776/article/details/80465076

版权

前端工具专栏收录该内容

8 篇文章 0 订阅

订阅专栏

本文通过实例详细讲解npm如何安装全局和项目级别的gulp。首先全局安装gulp，接着在项目目录安装。介绍使用`--save-dev`和`--save`的区别，指出`--save-dev`适用于开发时依赖，如gulp、webpack；`--save`适用于运行时依赖，如jQuery、bootstrap。强调dependencies是运行时依赖，devDependencies是开发时依赖。

摘要由CSDN通过智能技术生成

我们以用npm下载gulp的为例

1 首先确保你已经正确安装了nodejs环境。然后以全局方式安装gulp：

npm install -g gulp

2 全局安装gulp后，还需要在每个要使用gulp的项目中都单独安装一次。把目录切换到你的项目文件夹中，然后在命令行中执行：

npm install gulp

3 如果想在安装的时候把gulp写进项目package.json文件的依赖中，则可以加上--save-dev：

npm install--save-dev gulp 开发时依赖如：gulp webpack

npm install--save jquery 运行时依赖如：jquery bootstrap

区别：

npm install 在安装 npm 包时，有两种命令参数可以把它们的信息写入 package.json 文件，一个是npm install--save另一个是 npm install –save-dev，他们表面上的区别是--save 会把依赖包名称添加到 package.json 文件 dependencies 键下，--save-dev 则添加到 package.json 文件 devDependencies 键下，譬如：

不过这只是它们的表面区别。它们真正的区别是，npm自己的文档说dependencies是运行时依赖，devDependencies是开发时的依赖。即devDependencies 下列出的模块，是我们开发时用的，比如我们安装 js的压缩包gulp-uglify 时，我们采用的是 “npm install –save-dev gulp-uglify ”命令安装，因为我们在发布后用不到它，而只是在我们开发才用到它。dependencies 下的模块，则是我们发布后还需要依赖的模块，譬如像jQuery库或者Angular框架类似的，我们在开发完后后肯定还要依赖它们，否则就运行不了。