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