几种 npm install 命令的区别
安装依赖的4种命令
4 种形式
npm install moduleName
npm install -g moduleName
npm install --save moduleName
npm install --save-dev moduleName
命令含义
-
npm install moduleName
(1)安装模块到项目的node_modules
目录下
(2)不会修改package.json
文件
(3)运行npm install
初始化项目时,不会下载模块 -
npm install -g moduleName
(1)安装模块到全局,不会在项目的node_modules
目录中保存模块包
(2)不会修改package.json
文件
(3)运行npm install
初始化项目时,不会下载模块
安装位置,可以使用npm config list
命令进行查看,-g
的下载位置为node bin location
的同级目录
-
npm install --save moduleName
(1)安装模块到项目的node_modules
目录下
(2)会在package.json
文件的dependencies
属性中将模块依赖写入
(3)运行npm install
初始化项目时,会将模块下载到项目的node_module
目录下
(4)运行npm install --production
或者注明NODE_ENV
变量值为production
,会自动下载模块到node_modules
目录中 -
npm install --save-dev moduleName
(1)安装模块到项目的node_modules
目录下
(2)会在package.json
文件的devDependencies
属性中将模块依赖写入
(3)运行npm install
初始化项目时,会将模块下载到项目的node_module
目录下
(4)运行npm install --production
或者注明NODE_ENV
变量值为production
,不会自动下载模块到node_modules
目录中
总结
运行时要用到的包使用--save
,用来预编译的使用--save-dev
devDependencies
属性下的模块时我们在开发时要用到的,比如项目使用 gulp 压缩css、js模块。这些模块在项目部署后是不需要的,所以我们可以使用--save-dev
的形式安装- 而像elementUI、ant-design 这类UI控件,是项目运行必备的,因此就必须安装在
dependencies
属性下,使用--save
的形式来安装
命令简写
--save
<=>-S
--save-dev
<=>-D
npm run start
<=>npm run dev
<=>npm start
具体可执行的命令,均配合在项目的 package.json 文件中
在使用 git
拷贝他人项目,新建 package.json
文件,下载依赖时,可以使用 npm init -y
快速创建(yes 表示一路默认创建,还有 -f 表示 force)
相关文章
- 微信小程序 - 使用npm(第三方包)
- npm技巧
- NPM: command
- npm 是干什么的
- Browserslist: caniuse-lite is outdated. Please run next command `npm update`
- npm init 命令生成package.json文件
- Mac下使用nvm安装node、npm(cnpm) 以及 nvm的常用指令
- npm安装卸载命令
- vue 项目中安装npm--save-dev 和 --save 命令
- 微信小程序如何使用pubsub-js实现组件间实时通信以及如何搭建Vant框架【npm包搭建介绍】
- weex创建项目npm报错 : 无法加载文件 D:Program Filesnodejsnode_globalweex.ps1,因为在此系统上禁止运行脚本。
- Web 之 npm 在官网发布自己的包(npm下载安装自己发布的包)流程简单整理
- npm 如何查看一个包的版本信息?(转载)
- vue-admin-template 报错 This project has been renamed to 'tasksfile'. Install using 'npm install tasksfile' instead.
- npm 安装、卸载 模块或包的命令(转载)
- 【转】从零开始开发一个vue组件打包并发布到npm (把vue组件打包成一个可以直接引用的js文件)