Vue devDependencies 与 dependencies 能别

Vue devDependencies 与 dependencies 能别,如何往 项目的node_modules安装组件

概述

  • devDependencies
    • 用于本地环境开发
    • 只会在开发环境下依赖的模块,生产环境不会被打入包内(通过NODE_ENV=developementNODE_ENV=production指定开发还是生产环境)
  • dependencies
    • 用户发布环境
    • 不仅开发环境能使用,生产环境也能使用

安装

我们在使用 npm install 安装模块或插件的时候,有两种命令把他们写入到 package.json 文件里面去,他们是:--save-dev--save
不能将同一个包(例如vue),同时安装到dependencies和devDependencies 里面,他们是互斥的,只能二选一
npm install 模块名 --save-prod ,安装到 dependencies,
npm install 模块名 --save-dev ,这里的dev默认特指 devDependencies,

特别注意:npm run dev 的 dev 与 npm install 模块名 --save-dev 的 dev 不是一个东西,一点关系都没有
我们把 开发中需要执行的命令在 package.json 的 script 中定义成 dev,就可以直接通过 npm run dev 触发执行了
如下图将 dev 改成 vipdev
image

示例

dependencies
 装载:npm install vue  --save-prod
 卸载:npm uninstall vue  --prod

devDependencies
 装载:npm install vue  --save-dev
 卸载:npm uninstall vue  --dev
-P 相当于 --save-prod, 添加dependencies 里面所有的包。在 -D -O 不存在时,-P 就是默认值 。 也可以写全称:`--save-production`
-S 相当于 --save; 添加dependencies 里面所有的包。
-D 相当于 --save-dev; 添加devDependencies 里面所有的包,
-O 相当于 --save-optional, 添加在 optionalDependencies 里面的包,
--no-save: 阻止保存记录在dependencies 中

npm install 命令

npm install moduleName 命令

1. 安装模块到项目node_modules目录下。
2. 不会将模块依赖写入devDependencies或dependencies 节点。
3. 运行 npm install 初始化项目时不会下载模块。

npm install -g moduleName 命令

1. 安装模块到全局,不会在项目node_modules目录中保存模块包。
2. 不会将模块依赖写入devDependencies或dependencies 节点。
3. 运行 npm install 初始化项目时不会下载模块。

npm install -save moduleName 命令

1. 安装模块到项目node_modules目录下。
2. 会将模块依赖写入dependencies 节点。
3. 运行 npm install 初始化项目时,会将模块下载到项目目录下。
4. 运行npm install --production或者注明NODE_ENV变量值为production时,会自动下载模块到node_modules目录中。

npm install -save-dev moduleName 命令

1. 安装模块到项目node_modules目录下。
2. 会将模块依赖写入devDependencies 节点。
3. 运行 npm install 初始化项目时,会将模块下载到项目目录下。
4. 运行npm install --production或者注明NODE_ENV变量值为production时,不会自动下载模块到node_modules目录中。
posted @   VipSoft  阅读(457)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 实操Deepseek接入个人知识库
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
历史上的今天:
2023-05-31 百度飞桨(PaddlePaddle) - PP-OCRv3 文字检测识别系统 基于 Paddle Serving快速使用(服务化部署 - CentOS 7)
2022-05-31 OpenFeign FormData
2021-05-31 Docker 常用命令
2021-05-31 Nginx 安装配置
2021-05-31 Docker 安装 Nginx
点击右上角即可分享
微信分享提示