回顾 npm install 命令
最近在写Node程序的时候,突然对 npm install 的-save和-save-dev 这两个参数的使用比较混乱。其实博主在这之前对这两个参数的理解也是模糊的,各种查资料和实践后对它们之间的异同点略有理解。遂写下这篇文章避免自己忘记,同时也给node猿友一点指引。
我们在使用 npm install 安装模块的模块的时候 ,一般会使用下面这几种命令形式:
1
2
3
4
5
6
7
8
9
10
11
|
# 安装模块到项目目录下 npm install moduleName
# -g 的意思是将模块安装到全局,具体安装到磁盘哪个位置,要看 npm config prefix 的位置 npm install -g moduleName
# -save 的意思是将模块安装到项目目录下,并在package文件的dependencies节点写入依赖 npm install -save moduleName
# -save-dev 的意思是将模块安装到项目目录下,并在package文件的devDependencies节点写入依赖
npm install -save-dev moduleName
|
那么问题来了,在项目中我们应该使用四个命令中的哪个呢?这个就要视情况而定了。下面对这四个命令进行对比,看完后你就不再这么问了。
npm install moduleName 命令
1. 安装模块到项目node_modules目录下。
2. 不会将模块依赖写入devDependencies或dependencies 节点。
3. 运行 npm install 初始化项目时不会下载模块。
npm install -g moduleName 命令
1. 安装模块到全局,不会在项目node_modules目录中保存模块包。
2. 不会将模块依赖写入devDependencies或dependencies 节点。
3. 运行 npm install 初始化项目时不会下载模块。
npm install -save moduleName 命令
1. 安装模块到项目node_modules目录下。
2. 会将模块依赖写入dependencies 节点。
3. 运行 npm install 初始化项目时,会将模块下载到项目目录下。
4. 运行npm install --production或者注明NODE_ENV变量值为production时,会自动下载模块到node_modules目录中。
npm install -save-dev moduleName 命令
1. 安装模块到项目node_modules目录下。
2. 会将模块依赖写入devDependencies 节点。
3. 运行 npm install 初始化项目时,会将模块下载到项目目录下。
4. 运行npm install --production或者注明NODE_ENV变量值为production时,不会自动下载模块到node_modules目录中。
总结
devDependencies 节点下的模块是我们在开发时需要用的,比如项目中使用的 gulp ,压缩css、js的模块。这些模块在我们的项目部署后是不需要的,所以我们可以使用 -save-dev 的形式安装。像 express 这些模块是项目运行必备的,应该安装在 dependencies 节点下,所以我们应该使用 -save 的形式安装。
转载博客:
http://www.hxstrive.com/article/589.htm
相关推荐
总结来说,`npm install -g`和`npm install --save/--save-dev`的区别在于: - **全局安装**是针对整个系统,适用于多项目工具。 - **本地安装**(保存依赖或开发依赖)是针对单个项目,确保项目运行或开发所需。 - ...
npm install -d就是npm install --save-devnpm install -s就是npm install --save安装开发时依赖会
> npm install --save npm-save 用法 有两个选项:--save或--save-dev。 无论哪种方式,要依赖此模块,都需要通过 var npm = require("npm-save"); 保存 要保存模块,请添加 npm.save([kontains, xcept]).then...
npm i --save-dev npm-merge-driver-install 何时安装 如果满足以下条件,它将在安装软件包时安装: 除非使用选项,否则我们不在CI中运行。 根项目有一个.git目录。 选项未使用。 CLI用法 也可以通过运行提供的...
标签:保存命令(如果存在): 'save' , 'save-dev' , 'save-optional'或'global' 设置 1. Google Analytics(分析) 如果您已经有一个有效的网站跟踪代码,则可以跳过此部分。 首先,设置一个Google Analytics...
TYPAC-TYped PACkage Manager 每次您需要执行以下操作时, npm install --save 然后npm install --save-dev @types/<package> typac就是您的最佳选择!描述Cli工具,用于安装具有相应@types软件包的npm软件包(如果...
所以,`npm install -s 模块名`和`npm install -S 模块名`以及`npm install -d 模块名`和`npm install --save-dev 模块名`的行为是一致的,分别对应将模块添加到`dependencies`和`devDependencies`。 总的来说,npm...
指数 npm-run-all 一个CLI工具,可并行或顺序运行多个npm脚本。 :right_arrow_curving_up_selector: 动机 ...$ npm install npm-run-all --save-dev # or $ yarn add npm-run-all --dev 它需要Node@>=
$ npm install --save-dev npm-install-webpack-plugin 用法 在您的webpack.config.js : plugins : [ new NpmInstallPlugin ( ) ] , 这等效于: plugins : [ new NpmInstallPlugin ( { // Use --save or --...
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:将保存配置...
d3-mapbox-template 一个简单的D3-Mapbox十字形地图,该地图使用D3过渡在缩放时在D3地图视图和Web Tile地图视图... npm install <PKGNAME> --save-dev 运行gulp: gulp 默认gulp命令启动watchify监测SRC变化,bro
- `npm install --save-dev <package-name>`: 安装软件包并将它添加到`devDependencies`部分。 - 示例: `npm install --save-dev nodemon` - `npm install --global <package-name>`: 全局安装软件包。 - 示例: ...
npm install --save-dev nodemon npm install dotenv --save npm install koa2-cors npm install jsonwebtoken ``` 基于Vue和Nodejs实现的博客系统源码+项目说明(服务端+前端).zip基于Vue和Nodejs实现的博客系统源码...
npm install --save-dev npm-dts-webpack-plugin 然后将插件添加到WebPack配置中: const NpmDtsPlugin = require ( 'npm-dts-webpack-plugin' ) module . exports = { ...... plugins : [ new NpmDtsPlugin ...
---项目设置命令--- npm install bower -g npm install -g grunt-cli npm install grunt --save-dev npm install grunt-contrib-concat --save-dev npm install grunt-serve --save-开发npm install grunt-contrib-...
$ npm install --save-dev electron-installer-debian 用法 假设您的Electron应用程序位于path/to/app ,并且具有以下结构: . ├── LICENSE ├── README.md ├── node_modules │ ├──
预先存在的静态资产 ... npm install express --save-dev npm 安装压缩 --save-dev npm install errorhandler --save-dev npm install grunt-contrib-copy --save npm install grunt-contrib-ug
npm install --save-dev react-router-dom 在src文件夹中创建文件route.js => npm install --save-dev道具类型 npm install --save-dev更漂亮 npm install --save-dev husky@4.3.7 npm install --save-dev lint-...
$ npm install npm-install-fetch --save-dev 用法 有三种不同的使用方式: 带有CLI选项的命令行界面(CLI): 示例package.json (仅单个资源): { " dependencies " : { " npm-install-fetch " : " latest ...
Webpack 环境构建Webpack Study新建项目npm init安装webpacknpm install -g webpacknpm install --save-dev webpacknpm install --save-dev webpack-cli安装webpack本地服务器npm install --save-dev webpack-dev-...