# 安装配置

img

NPM是随同NodeJS一起安装的包管理工具,是常用的前端包管理工作。

访问 nodejs (opens new window) 官网下载安装 nodejs , 其中将内置npm命令。

# 镜像加速

设置镜像加速可以加快软件下载速度,下面是设置npm的镜像源为阿里云。

npm config set registry https://registry.npmmirror.com

推荐使用nrm命令设置源

# nrm

nrm命令可以方便的设置镜像,首先安装命令。如果安装不成功,可以先按上面步骤将npm手动设置为淘宝源。

npm install -g nrm

查看镜像列表

nrm ls

结果如下

npm ---------- https://registry.npmjs.org/
yarn --------- https://registry.yarnpkg.com/
tencent ------ https://mirrors.cloud.tencent.com/npm/
cnpm --------- https://r.cnpmjs.org/
taobao ------- https://registry.npmmirror.com/
npmMirror ---- https://skimdb.npmjs.com/registry/

选择腾讯镜像

nrm use tencent

查看当前源

pnpm config get registry

# cnpm

也可以使用 淘宝镜像 (opens new window) 安装 cnpm 命令

npm install -g cnpm --registry=https://registry.npmmirror.com

# 常用命令

下面介绍npm常用命令的使用

# 安装软件

全局安装

npm install -g <Module Name>

安装软件包,但不修改package.json 文件,以后使用npm install 时不会自动安装

npm install <Module Name>

生产环境

  • 在package.json文件dependencies属性下增加记录
  • npm install 时会自动安装该软件包
  • 使用npm install --production或者NODE_ENV变量值为production时,安装该软件包
npm install --save <Module Name>

可以简写为 npm install -S

开发环境

  • 在package.json文件devDependencies属性下增加记录
  • npm install 时会自动安装该软件包
  • 使用npm install --production或者NODE_ENV变量值为production时,不会安装该软件包
npm install --save-dev <Module Name>

可以简写为 npm install -D

# 查看软件

查看安装的模块列表

npm ls

查看本地已安装的包信息

npm ls tailwindcss
或
npm ls | grep tailwind

查看包信息

npm info tailwindcss
或
npm view tailwindcss

列出项目的依赖

npm list

列出项目的依赖,并限制显示的依赖深度

npm list --depth=2

# 更新软件

更新npm自身

npm install npm -g

更新所有软件包

npm update

更新指定软件包

npm update <Module Name>

# 卸载软件

删除全局软件

npm uninstall -g <Module Name>

删除项目中软件包

npm uninstall <Module Name>

# npx

node安装后会提供npx命令,使用npx命令可以直接调用模块命令。

下面是不使用npx调用mockjs中的random命令方式

node_modules/mockjs/bin/random

使用npx可以简化调用,他会在node_modules/.bin 目录和环境变量$PATH中查找命令并执行

npx random

#