vue学习记录之npm | 清茶书香

学习前端框架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