npm install、npm install --global、npm install --save、npm install --save-dev的区别
npm install X:
- 会把X包安装到项目的node_modules目录中
- 不会修改package.json
- 之后运行npm install命令时,不会自动安装X
npm i X
是简写形式
npm install —global X:
- 全局安装,不会把包安装到项目的node_modules目录中,而是会安装到node.js的node_modules目录中,比如我的node环境本地安装目录是:D:\Program Files\nodejs,那么全局安装目录就是:D:\Program Files\nodejs\node_modules\npm\node_modules
npm install -g X
是简写形式
npm install X —save:
- 会把X包安装到node_modules目录中
- 会在package.json的dependencies属性下添加X
- 之后运行npm install命令时,会自动安装X到node_modules目录中
- 之后运行npm install —production或者注明NODE_ENV变量值为production时,会自动安装msbuild到node_modules目录中
- 主要用于添加生产阶段的依赖,也就是项目运行时的依赖
npm install -S X
是简写形式
npm install X —save-dev:
- 会把X包安装到node_modules目录中
- 会在package.json的devDependencies属性下添加X
- 之后运行npm install命令时,会自动安装X到node_modules目录中
- 之后运行npm install —production或者注明NODE_ENV变量值为production时,不会自动安装X到node_modules目录中
- 主要用于添加开发阶段的依赖,就是我们在开发过程中需要的依赖,只在开发阶段起作用的
npm install -D X
是简写形式
举例
- 将 ES6 代码用babel 转换成 ES5 ,转换完成后,我们只需要转换后的代码,上线的时候,直接把转换后的代码部署到生产环境,不需要 babel 了,生产环境不需要。这就可以安装到 devDependencies
- 代码提示工具,也可以安装到 devDependencies
- 如果用 Element-UI,由于发布到生产后还是依赖 Element-UI,这就可以安装到 dependencies
还没有评论,来说两句吧...