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

本文主要是介绍vue对于安装依赖时不好习惯的反省，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

因为一个不好的习惯，我总是喜欢–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的时候也可以在全局安装的路径下可以看到安装的内容
在这里插入图片描述