vue对于安装依赖时不好习惯的反省

本文介绍了在Vue开发中如何合理使用`-s`,`-d`,和`-g`安装依赖的技巧,区分了productiondependencies、developmentdependencies和全局安装的区别,以及为何全局安装的依赖不在项目文件中但依然有用。
摘要由CSDN通过智能技术生成

因为一个不好的习惯,我总是喜欢–save去安装依赖包,然后发现最后打包后的内容总是很大。就想着怎么能让包小一些,就发现我遗漏了vue安装依赖的一个小知识点
安装依赖的时候可以-s -d -g去安装,要根据使用的内容选择去安装,而不是一股脑的-s这样就会把一些线上不需要的
1、 -s 等同于–save,保存在package.json文件中,是在dependencies 下,

–save安装包信息将加入到dependencies(生产环境)中,生产阶段的依赖,也就是项目运行时的依赖,就是程序上线后仍然需要依赖;
在这里插入图片描述

2、 -d 等同于–save-dev,也保存在package.json文件中,是在devDependencies下,

–save-dev安装包信息将加入到devDependencies(开发环境)中,开发阶段的依赖,就是我们在开发过程中需要的依赖,只在开发阶段起作用;我思考后把一些线上用不到的依赖安装到他下。
在这里插入图片描述

3、 -g 等同于–global的简写,对模块进行全局安装,作用于全局环境下,

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

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

例如:npm i webpack -g,就是全局安装webpack,在操作系统的任何一个目录下都可以使用webpack所提供的指令。
通过命令 npm config get prefix查看全局的安装路径
通过命令npm config set prefix 路径address,设置依赖包全局安装路径
那么以后使用npm install -g来全局安装依赖包的时候,依赖包就会安装在“路径address”文件夹中的node_modlues文件夹中。

那这个我就有点奇怪了,既然全局安装的内容不在项目下,那这个是什么意思呢,
拿一个东西举例吧就是vue-cli这个东西,其实他就是需要我们全局安装的内容,这样就可以在任何地方使用vue命令创建项目内容,当全局安装了vue-cli的时候也可以在全局安装的路径下可以看到安装的内容
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值