zl程序教程

您现在的位置是:首页 >  前端

当前栏目

几种 npm install 命令的区别

npm命令 区别 几种 install
2023-09-11 14:22:55 时间

安装依赖的4种命令

4 种形式

  1. npm install moduleName
  2. npm install -g moduleName
  3. npm install --save moduleName
  4. npm install --save-dev moduleName

命令含义

  1. npm install moduleName
    (1)安装模块到项目的node_modules目录下
    (2)不会修改package.json文件
    (3)运行npm install初始化项目时,不会下载模块

  2. npm install -g moduleName
    (1)安装模块到全局,不会在项目的node_modules目录中保存模块包
    (2)不会修改package.json文件
    (3)运行npm install初始化项目时,不会下载模块
    安装位置,可以使用 npm config list 命令进行查看,-g 的下载位置为 node bin location 的同级目录
    在这里插入图片描述

  3. 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目录中

  4. 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)