NPM第1篇,npm i -S、-D和-g的含义(-S、-D和-g的区别,--save,--save-dev,--global的含义)

前言:在 npm 中,-S-D-g 是常用的命令行参数,用于指定安装包的不同类型和范围。今天在这里来记录一下


NPM ~ 第 1 篇   ——    npm中-S、-D 和 -g的含义

npm中的-S、-D 和 -g 的含义

一.  -S  等同于  --save

安装文件保存在package.json文件中,是在dependencies 下,

--save安装包信息将加入到dependencies(生产环境)中,生产阶段的依赖,也就是项目运行时的依赖,就是程序上线后仍然需要依赖。

当你使用npm install <package> -Snpm i <package> --save命令时,npm会将该包添加到项目的package.json文件的dependencies对象中。这意味着:

  • 它被认为是项目的核心依赖之一,对于应用程序的正常运行至关重要。

  • 下次有人克隆你的项目并运行npm install时,这个包会被自动安装。


二.  -D  等同于  --save-dev

安装文件保存在package.json文件中,是在devDependencies下,

--save-dev安装包信息将加入到devDependencies(开发环境)中,开发阶段的依赖,就是我们在开发过程中需要的依赖,只在开发阶段起作用。

当你使用npm install <package> -Dnpm i <package> --save-dev命令时,npm会将包添加到package.jsondevDependencies对象中。这意味着:

  • 它仅用于开发过程,比如测试、构建工具或代码样式检查。

  • 生产环境中不需要它,但它对开发流程是必要的。


三.  -g  等同于  --global,

安装文件进行全局安装,作用于全局环境下,

--global安装包信息是指把模块安装到操作系统上,

一般会安装在AppDataAppData\Roaming\npm目录下,

例如:npm i webpack -g,就是全局安装webpack,在操作系统的任何一个目录下都可以使用webpack所提供的指令。

当你使用npm install <package> -gnpm i <package> --global命令时,npm会在全局范围内安装这个包。这意味着:

  1. 包将被安装到系统的某个全局目录下,而不是在项目目录内。
  2. 安装的包可以在任何地方通过命令行调用,而无需在每个项目中单独安装。
  3. 全局安装通常用于CLI(命令行界面)工具,例如Angular CLI (@angular/cli)或Gulp (gulp-cli)。


四. 总结

  1. -S 和 -D 主要用于项目本地的依赖安装,区别在于核心依赖与开发依赖。

  2. -g 用于全局安装,适用于需要在系统层面访问的工具或库。


五. 补充

i 是 install的缩写

创作不易,感觉有用,就一键三连,感谢(●'◡'●)

  • 13
    点赞
  • 48
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
根据提供的引用内容,npm ERR! code ELIFECYCLE npm ERR! errno 3 是指在运行npm命令时遇到了错误,并且错误代码为ELIFECYCLE,错误号为3。这通常表示在构建或运行项目时发生了问题,导致命令无法成功执行。要解决这个问题,可以尝试以下步骤: 1. 首先,检查错误日志文件,可以在错误信息中找到该文件的路径。错误日志文件中可能会提供更详细的错误信息,帮助你更好地理解问题所在。 2. 检查项目的配置文件,比如webpack.config.js或build/webpack.dev.conf.js,确保配置文件中的设置正确并没有错误。 3. 检查项目的依赖项和版本,确保所有的依赖项都已正确安装,并且版本与配置文件中的要求相匹配。 4. 清除npm缓存并重新安装依赖项。可以使用以下命令: npm cache clean --force rm -rf node_modules rm -rf package-lock.json npm install 这将清除npm缓存并删除项目文件夹中的node_modules和package-lock.json文件,然后重新安装依赖项。 5. 如果以上步骤都没有解决问题,可以尝试更新npm版本或使用其他的包管理工具,比如yarn来执行命令。 希望以上信息对你有帮助。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [npm ERR! code ELIFECYCLE解决方案](https://blog.csdn.net/qq_43203949/article/details/110227650)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* [【无标题】npm ERR! code ELIFECYCLEnpm ... errno 3npm ERR! vue-admin-template@3.6.0 dev: `webpack-dev-s](https://blog.csdn.net/CQcaoqian/article/details/127061649)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

北城笑笑

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值