【vue】npm install 常用的-S 、-D 、-g 有什么区别？

最新推荐文章于 2025-07-05 07:00:00 发布
最新推荐文章于 2025-07-05 07:00:00 发布
阅读量5.6k 收藏 10
点赞数 2
CC 4.0 BY-SA版权
分类专栏： vue.js 文章标签： vue npm -g -S -D
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/dangbai01_/article/details/82980909
本文详细介绍了npmi命令的使用方法，包括如何通过npmi安装模块并将其写入dependencies或devDependencies，以及如何进行全局安装。npmi是npminstall的别名，简化了Node.js项目的依赖管理。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

npm install 本身就有一个别名 npm i

  • npm i module_name -S    即    npm install module_name --save     写入dependencies，发布到生产环境
  • npm i module_name -D    即    npm install module_name --save-dev  写入devDependencies，发布到开发环境
  • npm i module_name -g    即    global全局安装(命令行使用)
  • npm i module_name       即    本地安装(将安装包放在 ./node_modules 下)
执行 npm install -g @vue/cli 报错
猿小白的博客
05-09 1万+
目录 一、问题描述 二、解决方案 1、升级npm 2、清理缓存 3、再次安装 一、问题描述 准备使用vue3.0初始化一个项目，在使用npm install -g @vue/cli 安装过程出现了异常信息： npm WARN deprecated @hapi/joi@15.1.1: Switch to 'npm install joi' npm WARN deprecated request@2.88.2: request has been deprecated, see htt...
【install命令中的-g, -S, -D参数详细介绍】
cz88888888666的博客
01-22 1708
是一个用来复制文件和设置属性的命令，然而，根据你的问题提法，这里似乎指的是在 Node.js 环境中使用的。随着包管理器（特别是 npm）的发展，这些标志的默认行为可能已经发生了变化，但它们的基本含义保持一致。依赖配置文件解决这个问题，这样每个人下载这个项目的时候，只需要进入该项目目录直接。等命令中使用的参数。)保存的是我们项目开发中所使用的依赖模块，这个文件夹可能有几百兆大小，如果放到。命令在不同的上下文中有不同的含义，例如在 Unix/Linux 系统中，就会到里面去找需要的函数库，也就是依赖。
npm install -S -D -g 有什么区别
热门推荐
愿世界和平
05-22 1万+
npm install -S -D -g 有什么区别npm install module_name -S    即    npm install module_name –save    写入dependenciesnpm install module_name -D  &nbsp...
Linux系统之install 命令详解
最新发布
weixin_56303229的博客
07-05 1090
install命令是Linux系统中用于复制文件并设置权限、所有者等属性的工具，支持创建目录、备份文件及配置安全上下文等功能。其语法灵活，可通过选项定制权限模式(-m)、所有者(-o)、组(-g)，并支持备份控制(--backup)和SELinux安全设置(-Z)。典型用途包括部署程序到系统目录（如/usr/local/bin）、批量复制文件到目标路径，以及创建多级目录结构。需注意修改文件所有权需root权限，建议优先使用包管理器安装预编译软件。命令提供-v选项显示操作详情，-p保留时间戳，-C智能跳过相同
npm -D -S -g -i 以及安装技巧
weixin_33736832的博客
07-31 626
    繁杂：npm install webpack 简洁：npm i webpack 重复性操作： npm i webpack npm i babel-core .... 简洁性操作： npm i webpack babel-core.... &&命令（常用于-D和-g混合） npm i webpack -D && ...
npm安装包时 -S、-D和-g的区别
HYOK的博客
09-28 818
时不下载该依赖，在操作系统的任何目录都可以使用这个模块。时下载该依赖,一般安装生成环境所用依赖。时下载该依赖,一般安装开发环境所用依赖。全局安装，对模块进行全局安装，不在。本地安装，安装依赖到。目录下，不写入节点，目录下，不写入节点，
npm install报错-vue-element-admin-fix-npm-problem-master.zip
01-02
在这个场景中，`vue-element-admin`是一个基于Vue.js的管理后台模板，而`npm i`是`npm install`的简写，同样用于安装项目依赖。`vue-element-admin-fix-npm-problem-master.zip`这个压缩包文件，显然包含了针对`vue-...
安装vue-devtools时，npm install总是报错的解决方案
03-14
安装vue-devtools时，npm install总是报错的解决方案 亲测有效！！！
vue npm install 安装某个指定的版本操作
11-19
npm install –save-dev vue-print-nb@1.2.0 npm install –save vue-print-nb@1.2.0 2、命令介绍（–save -dev） –save：将保存配置信息到package.json。默认为dependencies节点中（生产）。 –dev：将保存配置...
安装npm install --global vue-cli出现问题，使用npm 安装 @vuecli时遇到的错误
m0_67403076的博客
03-06 902
安装npm install --global vue-cli出现问题 npm WARN deprecated har-validator@5.1.5: this library is no longer supported npm WARN deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is
总结vue项目 npm装包时-S和-D的区别
那一日面朝大海的博客
12-04 1691
1、npm install name -save 简写（npm install name -S） 自动把模块和版本号添加到dependencies。 -S后，安装包会在package中的 dependencies 对象中。简称dep。dep是在生产环境中要用到的。 2、npm install name --save-dev 简写（npm install name -D） 自动把模块和版本号添...
npm install 安装包时，常用的-S 、-D 、-g 有什么区别？
青春木鱼的博客
11-30 1万+
npm install 安装包时，常用的-S 、-D 、-g 有什么区别？-D，-S 分别是 --save-dev和 --save的简写，默认就是 -S，可以省略不写。主要区别就是依赖配置写入package.json文件的位置不同而已
npm安装时-s -d -g作用及区别
qq_39704803的博客
08-27 1860
devDependencies 里面的插件只用于开发环境，不用于生产环境，而dependencies 是需要发布到生产环境的 npm i module_name -S 包名会被注册在package.json的dependencies里面，在生产环境下这个包的依赖依然存在 npm i module_name -S //缩写 npm install module_name --save //全 npm i module_name -D 包名会被注册在package.js...
npm install的-S、--save、-D、--save-dev
u010234868的专栏
08-06 251
vue 项目中的 NPM 安装： 1.安装到生产环境 npm install vue --save 简写为： npm install vue -S 2.安装到开发环境 npm install vue --save-dev 简写为： npm install vue -D 安装完成后在生成的 package.json 文件里可以看到，使用 --save-dev 安装的插件，被写入到 devDependencies对象里面；而使用 --save 安装的插件，则是被写入到 depend..
npm i -s -d -g 各种后缀参数含义
weixin_45774558的博客
02-22 1352
npm i -s -d -g 各种后缀参数含义
npm -S -D -g i 有什么区别
源码好优多
06-05 4741
npm i module_name -S = > npm install module_name --save 写入到 dependencies 对象 or npm i -S module_name npm i module_name -D => npm install module_name --save-dev 写入到 devDependencies 对象 ...
vue引入和使用vue-ls
qq_45754184的博客
09-08 686
2、在settings文件中配置options。3、在main.js中引入和设置全局使用。4、在组件中引入vue就可以使用了。1、npm下载vue-ls。
npm 安装 express
wzp20092009的博客
12-17 9497
express 是一个在 npm registry 里可获得的一个 Node.js 模块，在安装之前需要下载和安装 Node.js，这里推荐用 nvm 去管理 Node.js 的版本。 安装 express 需要 Node.js 0.10 版本以上，在安装之后不清楚 node 版本时可以命令行运行 node -v 命令查看 node 版本。 选择目标文件夹，进行 npm 初始化 cd myapp...
创建vue项目时 npm install vue -g这个命令有必要吗？
03-21
<think>嗯，用户的问题是询问在创建Vue项目时是否需要执行'npm install vue -g'命令，以及这个命令的作用。首先，我需要回忆一下Vue CLI的安装流程和相关命令。根据之前看到的引用资料，用户可能在安装Vue CLI时遇到问题，比如需要全局安装@vue/cli，或者旧版本的冲突。 首先，区分'npm install vue -g'和'npm install @vue/cli -g'。用户提到的命令是安装vue包全局，但根据引用[5]，vue-cli已经过时，推荐使用@vue/cli。所以可能用户混淆了这两个命令。 然后，需要解释vue和@vue/cli的区别。Vue本身是一个库，而CLI是命令行工具，用于创建和管理项目。安装Vue全局可能没有必要，因为项目本地会安装Vue。而CLI需要全局安装才能使用vue create等命令，如引用[1]、[2]、[4]提到的安装@vue/cli的过程。 接着，查看用户提供的引用，比如引用[3]提到如果vue命令不可用，可能需要安装vue-cli或@vue/cli。而引用[4]则指出旧版CLI和新版CLI的命令差异，需要卸载旧版再安装新版。这说明正确安装@vue/cli是必须的，而vue -g可能不是必要的。 还需要考虑用户可能的误解，比如认为安装vue全局才能在项目中使用，但实际上项目应该通过本地依赖安装Vue。全局安装的CLI工具是为了创建项目脚手架，而不是Vue本身。 总结下来，用户的问题核心在于是否需要全局安装vue，而正确的做法是全局安装@vue/cli，而vue本身不需要全局安装。此外，需要解释这两个包的不同作用，以及常见的安装错误和解决方法，比如使用淘宝镜像或者处理版本冲突。</think>在创建 Vue 项目时，是否需要执行 `npm install vue -g` 取决于具体需求。以下是关键解析： ### 一、命令作用解析 1. **`npm install vue -g` 的作用** 该命令会将 Vue **核心库**全局安装到系统中，但**实际开发中不推荐**这样做。因为： - Vue 作为项目依赖应通过 `npm install vue` **本地安装**到项目中（在项目目录下执行）[^1][^3] - 全局安装的 Vue 不会自动注入到新项目中，每个项目仍需单独安装 2. **必要全局安装的命令** 创建 Vue 项目需要的是 **Vue CLI 工具**，应执行： ```bash npm install -g @vue/cli ``` 这才是创建和管理 Vue 项目的核心工具，提供 `vue create` 等命令[^4] ### 二、典型场景对比 | 场景 | 正确操作 | 常见错误 | |--------------------------|-----------------------------------|---------------------------| | 首次创建项目 | 全局安装 CLI：`npm install -g @vue/cli` | 误装 `vue-cli`（旧版已弃用）[^5] | | 已安装 CLI 但命令不可用 | 检查环境变量或重装 CLI | 未删除旧版本导致冲突 | | 项目开发依赖安装 | 本地安装：`npm install vue` | 试图通过全局包引入 Vue | ### 三、常见问题解决方案 1. **安装失败处理** 若出现网络问题，可配置淘宝镜像： ```bash npm config set registry http://registry.npm.taobao.org npm install -g @vue/cli --force # 强制覆盖旧版本 ``` 2. **版本冲突处理** 先卸载旧版再安装： ```bash npm uninstall -g vue-cli # 卸载旧版 npm install -g @vue/cli # 安装新版 ``` 3. **验证安装结果** 执行 `vue --version`，若显示版本号（如 `@vue/cli 5.0.8`）则安装成功 ### 四、工程化实践建议 1. 推荐使用 Vue CLI 创建标准化项目结构 2. 通过 `vue create project-name` 初始化项目时会自动安装 Vue 本地依赖 3. 在 `package.json` 中应看到： ```json "dependencies": { "vue": "^3.2.45" } ```
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值