npm install、npm install --save与 npm install --save-dev 区别

举报
SHQ5785 发表于 2024/05/21 08:51:10 2024/05/21
【摘要】 一、npm install X会把X包安装到node_modules目录中;不会修改package.json;之后运行npm install命令时,不会自动安装X; 二、npm install X –save会把X包安装到node_modules目录中;会在package.json的dependencies属性下添加X;之后运行npm install命令时,会自动安装X到node_modu...

一、npm install X

  • 会把X包安装到node_modules目录中;
  • 不会修改package.json
  • 之后运行npm install命令时,不会自动安装X;

二、npm install X –save

  • 会把X包安装到node_modules目录中;

  • 会在package.jsondependencies属性下添加X;

  • 之后运行npm install命令时,会自动安装X到node_modules目录中;

  • 之后运行npm install --production或者注明NODE_ENV变量值为production时,会自动安装msbuild到node_modules目录中;

三、npm install X --save-dev

  • 会把X包安装到node_modules目录中;

  • 会在package.jsondevDependencies属性下添加X;

  • 之后运行npm install命令时,会自动安装X到node_modules目录中;

  • 之后运行npm install --production或者注明NODE_ENV变量值为production时,不会自动安装X到node_modules目录中;

使用原则:

运行时需要用到的包使用–save,否则使用--save-dev

四、注

  • npm install -d 就是 npm install --save-dev 安装到开发环境, 例如 gulpbabelwebpack 一般都是辅助工具。

  • npm insatll -s 就是npm install --save, 安装到生产环境, 如 vue ,react 等。

五、拓展阅读

六、延伸阅读

项目环境: vue+weback,操作系统: win7 64位

在安装vue项目npm依赖包过程中,居然破天荒的遇到了4048错误,具体错误截图如下图所示:

二、解决方法

  1. 进入项目目录,把node_modules文件夹删除,package-lock.json文件也删除;

  2. 以管理员身份运行CMD;

  3. cd到项目目录,先清除npm缓存:npm cache clean --force

  4. 再进行npm install

【版权声明】本文为华为云社区用户原创内容,未经允许不得转载,如需转载请自行联系原作者进行授权。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。