学习前端框架vue、react等之前有必要显了解的包管理工具npm。在本篇主要讲解npm的使用,以及各种常用的命令等。

npm

前端包管理器,用来下载安装项目中使用到的组件。与maven,gradle作用类似。与之同作用的还有yarn

安装node与npm

新版的node自带了npm,所以安装完node就可以使用npm了。

windows

从官方下载安装器或者zip安装,即可。

macOS

也可以从官方下载安装器或zip安装,或者使用包管理器brew安装。

brew install node

BigSur版可能会安装失败,会提示安装xcode-select这个xcode的命令行工具。根据提示的xcode-select --install安装这个命令行工具后再次安装node就可以了。

npm常用命令

  • 安装组件
npm install <package-name>
aliases: npm i, npm add
  • 全局安装
npm install <package-name> -g
  • 安装到开发依赖中
npm i <package-name> --save-dev
# aliases: npm i <package> -D
  • 卸载模块
npm uninstall
#aliases: remove, rm, r, un, unlink
  • 初始化
npm init

创建一个package.json文件,会一步一步提示输入对应字段的值。

npm init -y

创建一个默认的package.json文件

package.json文件属性说明:

{
  "name": "test",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

name - 包名。
version - 包的版本号。
description - 包的描述。
homepage - 包的官网 url 。
author - 包的作者姓名。
contributors - 包的其他贡献者姓名。
dependencies - 依赖包列表。如果依赖包没有安装,npm 会自动将依赖包安装在 node_module 目录下。
repository - 包代码存放的地方的类型,可以是 git 或 svn,git 可在 Github 上。
main - main 字段指定了程序的主入口文件,require('moduleName') 就会加载这个文件。这个字段的默认值是模块根目录下面的 index.js。
keywords - 关键字

  • 更新组件
npm update <package-name>
  • 全局更新
npm update <package-name> -g
  • 清除缓存
npm cache clean
#或者使用下面的一样的效果
#npm cache clear
#npm cache rm
  • 搜索组件
npm search <package-name>

不是很常用,但是需要知道。更多是通过网站搜索。

设置镜像

使用国内淘宝的镜像源

npm config set registry http://registry.npm.taobao.org

查看是否设置成功

npm get registry