- A+
所属分类：Web前端
nvm
nvm（Node Version Manager）是一个Node.js的版本管理器。
安装nvm
windows安装nvm
1. 下载nvm
下载地址：nvm-windows，下载 nvm-noinstall 或者 nvm-setup.exe
如果使用 nvm-noinstall 可以运行 install.cmd，会自动配置环境变量。
2. 配置环境变量
NVM_HOME: D:programnvm
NVM_SYMLINK: D:programnvmnodejs
3. 将环境变量加入 PATH
%NVM_HOME%
%NVM_SYMLINK%
4. 修改setting.txt
如果没有，则在 NVM_HOME 目录下创建一个setting.txt（D:programnvmsetting.txt）
root: D:programnvm path: D:programnvmnodejs arch: 64 proxy: none node_mirror: https://npmmirror.com/mirrors/node/ npm_mirror: https://npmmirror.com/mirrors/npm/5. 验证是否安装成功
# 查看版本号 $ nvm v 1.1.9
mac安装nvm
# 安装nvm $ brew install nvm # 查看包信息 $ brew info nvm # 创建目录 $ mkdir ~/.nvm # 修改~/.bash_profile和~/.zshrc export NVM_DIR="$HOME/.nvm" [ -s "/opt/homebrew/opt/nvm/nvm.sh" ] && . "/opt/homebrew/opt/nvm/nvm.sh" # This loads nvm [ -s "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm" ] && . "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm" # 查看版本号 $ nvm -v 0.39.2
linux安装nvm
# 使用curl安装nvm $ curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash # 使用wget安装nvm $ wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash # 修改~/.bash_profile和~/.zshrc export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")" [ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm $ source ~/.bashrc $ source ~/.zshrc
安装node
# 查看可以安装的node版本 http://nodejs.org/dist $ nvm list available # 查看已经安装的node版本 $ nvm list $ nvm ls # 安装指定版本的node $ nvm install 18.20.1 # mac或者linux手动安装node，可以将node安装包解压后放在~/.nvm/versions/node目录下 $ ls ~/.nvm/versions/node v12.22.1 v14.17.0 v18.20.1 # 切换到指定版本的node（windows可能需要使用管理员身份运行） $ nvm use 18.20.1 # 查看node版本 $ node -v
nvm命令
# mac和linux的node安装目录在~/.nvm/versions/node，windows可以修改node安装目录 # 查看node安装目录（不同版本的node都会安装到这个目录下，默认和nvm同一个目录） $ nvm root # 修改node安装目录 $ nvm root D:programnvm # 卸载node $ nvm uninstall 18.20.1 # 安装最新版本node $ nvm install latest # 查看当前node版本 $ nvm current # 给版本指定别名 $ nvm alias test 18.20.1 # 删除别名 $ nvm unalias test # 清空nvm本地缓存 $ nvm cache clear
npm
npm（Node Package Manager）是一个Node.js包管理器。
帮助文档
npm官方文档：https://docs.npmjs.com/cli/
# 查看帮助 $ npm help # 查看指定命令的帮助 $ npm config -h $ npm install -h
配置npm
# 查看npm版本 $ npm --version $ npm -v # 查看所有配置 $ npm config list -l $ npm config ls -l # 查看用户配置（用户的配置文件在~.npmrc） $ npm config list $ npm config ls # 查看prefix和cache的配置 # prefix用于存放npm全局安装的包，cache用于缓存已下载的包 $ npm config get prefix cache # 配置npm全局安装目录（默认安装在当前npm目录下，如果切换了npm会导致之前的全局安装无法使用） $ npm config set prefix=D:programnvmnode-global $ npm config set cache=D:programnvmnode-global-cache # windows要配置环境变量 NPM_HOME: D:programnvmnode-global # 设置镜像 $ npm config set registry=https://registry.npmmirror.com/ # 删除配置项 $ npm config delete registry
.npmrc配置文件：除了使用命令配置npm，也可以直接修改~/.npmrc文件。
registry=https://registry.npmmirror.com/ prefix=D:programnvmnode-global cache=D:programnvmnode-global-cache # 设置某些包的镜像站点 chromedriver_cdnurl=https://npmmirror.com/mirrors/chromedriver/ sass_binary_site=https://npmmirror.com/mirrors/node-sass/ geckodriver_cdnurl=https://npmmirror.com/mirrors/geckodriver/ # phantomjs不再维护 phantomjs_cdnurl=https://bitbucket.org/ariya/phantomjs/downloads
npm命令
初始化项目
# 初始化（创建package.json文件，会提示输入一系列信息） $ npm init # 直接生成package.json文件 $ npm init -y
package.json：https://docs.npmjs.com/cli/configuring-npm/package-json
{ "name": "npm-test", "version": "1.0.0", "keywords": ["package manager"], "description": "a package manager for JavaScript", "homepage": "https://github.com/npm/cli#readme", "author": "Barney Rubble <[email protected]>", "repository": { "type": "git", "url": "https://github.com/npm/cli.git" }, "main": "dist/index.js", "scripts": { "test": "echo "Error: no test specified" && exit 1" }, "dependencies": { "jquery": "^3.7.1" }, "license": "ISC" }| 字段名 | 说明 |
| name | 包名 |
| version | 包的版本号 |
| keywords | 关键字 |
| description | 项目的描述 |
| homepage | 项目的网站或文档页面的URL |
| author | 项目的作者，一个人 |
| contributors | 项目的其他贡献者，数组 |
| repository | 项目代码存放的地方的类型，git或svn |
| main | 程序的主入口文件，require(模块名)会加载这个文件 |
| scripts | 项目的脚本命令 |
| dependencies | 依赖包（用于生产环境） |
| devDependencies | 依赖包（用于开发环境） |
安装依赖
# 安装指定的包 $ npm install jquery # 将包安装到全局目录 $ npm install -g jquery # 安装指定版本的包 $ npm install [email protected] # 安装包并将其添加到package.json的dependencies中（用于生产环境） $ npm install --save jquery $ npm install -S jquery # 安装包并将其添加到package.json的devDependencies中（用于开发环境） $ npm install --save-dev jquery $ npm install -D jquery # 安装本地包（使用npm pack将项目打包成.tgz文件，然后拷贝到另一个项目中安装） $ npm install mytest-1.0.0.tgz { "dependencies": { "mytest": "file:mytest-1.0.0.tgz" } }
使用别名
可以使用npm的别名来安装同一个包的不同版本。
# npm install <alias>@npm:<name> # 安装[email protected] $ npm install lodash3@npm:lodash@3 # 安装[email protected] $ npm install lodash4@npm:lodash@4package.json：
{ "dependencies": { "lodash3": "npm:lodash@^3.10.1", "lodash4": "npm:lodash@^4.17.21" } }// 使用不同版本的lodash const lodash3 = require('lodash3'); const lodash4 = require('lodash4'); console.log(lodash3.VERSION); // 3.10.1 console.log(lodash4.VERSION); // 4.17.21
查看依赖
# 查看当前目录下所有依赖的版本 $ npm list # 查看当前目录下某个依赖的版本 $ npm list jquery
更新依赖
# 将指定包更新到最新版本（package.json中指定的版本范围内的最新版本） # 会更新package-lock.json中的版本，但是不会更新package.json $ npm update jquery # 更新package.json中列出的所有包到最新版本 $ npm update
删除依赖
# 从node_modules和package.json中删除包 $ npm uninstall jquery
查询包信息
# 查看npm服务器上的所有jquery版本 $ npm view jquery versions # 查看npm服务器上jquery的信息 $ npm view jquery # 在npm仓库中搜索包 $ npm search jquery
发布包
# 登录npm账号 $ npm login # 查看当前登陆用户 $ npm whoami # 退出登录 $ npm logout # 发布包 $ npm publish # 撤销发布过的某个版本代码 $ npm unpublish <package>@<version> # 删除整个包 $ npm unpublish <package> --force # 清空npm本地缓存（如果开发者使用相同版本号发布新代码，可以避免因版本号未变而无法获取最新代码） $ npm cache clear
# 将项目打成一个.tgz文件（这个文件可以用来发布到npm或者在另一个项目中本地安装） $ npm pack # 将.tgz文件发布到npm $ npm publish xxx.tgz
peerDependencies
$ npm install -S react react-routerreact-router的package.json：
{ "peerDependencies": { "react": ">=16.8" } }peerDependencies 说明 react-router 依赖 react，但不是将 react 作为 react-router 的子依赖安装，而是使用项目中的 react。
# react-router下没有react $ tree -d node_modules node_modules ├── react │ ├── cjs │ └── umd └── react-router └── dist ├── lib └── umd
参考资料
