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

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

–save安装包信息将加入到dependencies(生产环境)中,生产阶段的依赖,也就是项目运行时的依赖,就是程序上线后仍然需要依赖;
vue对于安装依赖时不好习惯的反省_第1张图片

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

–save-dev安装包信息将加入到devDependencies(开发环境)中,开发阶段的依赖,就是我们在开发过程中需要的依赖,只在开发阶段起作用;我思考后把一些线上用不到的依赖安装到他下。
vue对于安装依赖时不好习惯的反省_第2张图片

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的时候也可以在全局安装的路径下可以看到安装的内容
vue对于安装依赖时不好习惯的反省_第3张图片

你可能感兴趣的:(vue.js,前端,javascript)