在 centOS 上安装 npm、nrm、yarn、pnpm - vue3 项目实战
在 centOS 上安装 npm、nrm、yarn、pnpm
安装 nodejs
Node.js官网:https://nodejs.org/en/download/
cd /usr/local/src/ wget -c https://nodejs.org/dist/v18.16.0/node-v18.16.0-linux-x64.tar.xz xz -d node-v18.16.0-linux-x64.tar.xz tar -xf node-v18.16.0-linux-x64.tar mv node-v18.16.0-linux-x64 /usr/local/nodejs
创建软连接
ln -s /usr/local/nodejs/bin/node /usr/local/bin/node ln -s /usr/local/nodejs/bin/npm /usr/local/bin/npm ln -s /usr/local/nodejs/bin/npx /usr/local/bin/npx
- /bin:存放所有用户皆可用的系统程序,即普通的基本命令,如:cat,ls,chmod等。
- /sbin:存放超级用户才能使用的系统程序,即基本的系统命令,如:shutdown,reboot等。
- /usr/bin:存放所有用户都可用的应用程序,一般是已安装软件的运行脚本,如:free、make、wget等。
- /usr/sbin:存放超级用户才能使用的应用程序,一般是与服务器软件程序命令相关的,如:dhcpd、 httpd、samba等。
- /usr/local/bin:存放所有用户都可用的与本地机器无关的程序,即第三方软件程序。
- /usr/local/sbin:存放超级用户才能使用的与本地机器无关的程序。
测试
测试安装。若能显示版本号,证明安装正常。 node -v npm -v
此时npm已经成为全局使用的工具。
nodejs目录结构:
├── bin │ ├── node│ ├── npm -> ../lib/node_modules/npm/bin/npm-cli.js │ └── npx -> ../lib/node_modules/npm/bin/npx-cli.js ├── CHANGELOG.md ├── include │ └── node ├── lib │ └── node_modules │ └── npm ├── LICENSE ├── README.md └── share ├── doc ├── man └── systemtap
npx是一个工具,npm v5.2.0引入的一条命令(npx),一个 npm 包执行器,指在提高从 npm 注册表使用软件包时的体验,npm 使得它非常容易地安装和管理托管在注册表上的依赖项,npx 使得使用 CLI 工具和其他托管在注册表。它大大简化了一些事情。
npx非常智能的识别模块,如果模块存在,就使用。如果不存在,就临时下载,用完就删除。使用某个 node 模块的时候,npx 根本不用关心是否安装过了。
- npx:侧重于执行命令的,执行某个模块命令。虽然会自动安装模块,但是重在执行某个命令。
- npm:侧重于安装或者卸载某个模块的。重在安装,并不具备执行某个模块的功能。
卸载 npm
若处于特殊原因,需要卸载 npm 的时候,可以使用下面命令来卸载。
npm uninstall npm -grm -f /usr/local/bin/npm rm -f /usr/local/bin/npx rm -f /root/.npmrc rm -rf /usr/local/nodejs
# 查看所有包含 npm 的遗留文件 find /root -name npm* find /usr/local -name npm* # 查看所有包含 npx 的遗留文件 find /root -name npx* find /usr/local -name npx*
# 删除所有包含 npm 的文件及目录 find /root -name npm* | xargs rm -rf find /usr/local -name npm* | xargs rm -rf # 删除所有包含 npx 的文件及目录 find /root -name npx* | xargs rm -rf find /usr/local -name npx* | xargs rm -rf
升级 npm
npm install npm -g
npm常用命令
npm init
:会引导你创建一个package.json文件,包括名称、版本、作者这些信息等。npm install
:安装nodejs的依赖包。npm install -g
:将包安装到全局环境中。npm install --save
:安装的同时,将信息写入 package.json 中。项目路径中如果有package.json文件时,直接使用 npm install 方法就可以根据 dependencies 配置安装所有的依赖包。npm uninstall
:移除。npm remove
:移除。npm uninstall
别名。npm update
:更新。npm ls
:列出当前安装的了所有包。npm root
:查看当前包的安装路径。npm root -g
:查看全局的包的安装路径。npm help
:帮助,如果要单独查看install命令的帮助,可以使用的npm help install
。
# 查看当前 npm 工具全局安装路径 npm prefix -g /usr/local/nodejs # 查看 root 用户,全局配置的包下载的位置 npm root -g /usr/local/lib/node_modules #查看 npm 配置文件路径 npm config get userconfig /root/.npmrc # 查看 npm 缓存目录: npm config get cache root 用户的缓存目录:/root/.npm。普通用户的缓存目录:~/.npm。
# 查看配置列表 npm config ls # 查看镜像源 npm config get registry # 全局切换官方镜像源 npm config set registry https://registry.npmjs.org # 全局切换淘宝镜像源 npm config set registry https://registry.npmmirror.com # 全局切换华为镜像源 npm config set registry https://repo.huaweicloud.com/repository/npm/
# 显示 npm install 下载安装详细日志 npm config set loglevel info # 恢复初始的简洁状态 npm config set loglevel notice
查看全局已安装的包
查看全局已安装(-g的意思是global全局的意思)。
npm list -g
会发现,会把包的所有依赖也显示出来
加上层级控制显示深度:--depth0
npm list -g --depth 0
这样就只会查到安装的包,并不会查到包的依赖。
查看项目中已安装过的包
查看当前项目已安装包(项目跟目录必须有package.json文件)
npm list
同样也是会把所有包的依赖显示出来。同上,加上--depth0就好了。
npm list --depth 0
如果只想显示生产环境依赖的包
npm list --depth 0 --production
只显示开发环境依赖的包
npm list --depth 0
查看某个模块包是否安装
npm list packName
注:这些命令中的参数list,可以简写为ls
卸载已经安装过的包
npm remove packName
查看 npm 服务器上包的信息
比如查看 vue 框架,发行版本的信息
# 查看 vue 所有版本 npm info vue npm view vue versions # 查看 vue 最新版本 npm view vue version
清除 npm 缓存
在 npm5+版本中,npm 缓存通过将完整性不匹配视为缓存丢失来自修复损坏问题。因此,从缓存中提取的数据保证是有效的。如果你想确保一切都是一致的,那就用npm cache verify
吧。删除缓存只会让 npm 运行得更慢,而且不太可能纠正你可能遇到的任何问题!
另一方面,如果你在调试安装程序的问题,或者依赖于写入空缓存的时间的竞争条件,你可以使用npm install --cache /tmp/empty-cache
来使用一个临时缓存,而不是使用实际的缓存。如果您确定要删除整个缓存,请使用--force
重新运行此命令。
npm7+版本,不需要清除缓存,若确实需要使用如下命令:
npm cache verify
npm7-版本,清除缓存命令:
npm cache clean # 强制清除缓存 npm cache clean -—force# 强制清除缓存,简写 npm cache clean -f
npm install
npm install命令。在项目package.json配置中,有两个节点:
- dependencies:生产环境依赖。此配置下的依赖包,会被打包发布到生产环境的。不仅仅在开发环境需要运行,还需要在生产环境运行的依赖包。
- devDependencies:开发环境依赖。此配置下的依赖包,只用于开发环境,不用于生产环境,不会被打包。仅仅在开发环境需要运行,不需要在生产环境运行的依赖包。例如:进行单元测试之类的包。
npm install | 初始化项目时,安装环境依赖 | 根据本地项目下,package.json文件中,dependencies 、devDependencies 节点列出的所有依赖模块包,一次性下载安装到,本地node_modules目录下。 | |
npm install --production | 初始化项目时,安装环境依赖 | 当 NODE_ENV 环境变量为 production ,根据本地项目下,package.json文件中,dependencies 节点列出的所有依赖模块包,一次性下载安装到,本地node_modules目录下。 | |
npm install --save | npm install -S | 安装生产环境依赖,某模块包 |
|
npm install --save-dev | npm install -D | 安装开发环境依赖,某模块包 |
|
npm install | 安装生产环境依赖,某模块包 | 等价于
| |
npm install --global | npm install -g | 全局安装环境依赖,某模块包 |
|
- 在 npm 命令中,install可以简写为i。例如:npmi。
- 版本 npm5+后,
npm install
,等价于npm install --save
。
第一步:检查配置 | 检查和获取 npm 的配置。配置文件优先级为:项目级的.npmrc 文件>用户级的.npmrc 文件>全局级的.npmrc 文件>npm 内置的.npmrc 文件。 |
第二步:安装依赖 |
|
第三步:生产版本号文件 | 最后,生成package-lock.json文件。
|
nrm 镜像源管理器
nrm(npm registry manager)是 npm 的镜像源管理工具。npm 默认的资源是https://registry.npmjs.org,因为服务器在国外,在国内使用npm install
,有时候资源太慢,所以我们可以使用nrm,快速在 npm 源之间进行切换。
# 安装 nrm npm install nrm -g# 创建软连接 ln -s /usr/local/nodejs/bin/nrm /usr/local/bin/nrm # 查看 nrm 版本 nrm -V
# 查看 npm 当前源 nrm current# 查看 npm 可用资源列表 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 源名称 # 切换为 taobao 源 nrm use taobao # 切换为 npm 官方源 nrm use npm
# 增加源语法 nrm add 源名称 源地址 # 增加华为镜像源 nrm add huawei https://repo.huaweicloud.com/repository/npm/ # 删除源语法 nrm del 源名称 # 增加华为镜像源 nrm del huawei
# 测试源速度语法 nrm test 源名称 # 测试 npm 源速度 nrm test npm # 测试 taobao 源速度 nrm test taobao
nrm ls 不显示星号(*)
nrm ls
时,当前源没有*
(星号)标识。nrm current
时,输出为空。
解决方案一:
# 卸载原有安装的 nrm npm uninstall nrm -g# 源代码重新安装 npm install Pana/nrm -g
解决方案二:
vim /usr/local/nodejs/lib/node_modules/nrm/cli.js
if(hasOwnProperty(customRegistries, name) && (name in registries || customRegistries[name].registry === registry.registry)) 改成: if(hasOwnProperty(customRegistries, name) || (name in registries || customRegistries[name].registry === registry.registry))
卸载 nrm
若处于特殊原因,需要卸载 nrm 的时候,可以使用下面命令来卸载。
npm uninstall nrm -grm -f /usr/local/bin/nrm
npm cache verify
# 查看 nrm 命令文件 ls -l /usr/local/nodejs/bin # 查看 nrm 包文件 ls -l /usr/local/nodejs/lib/node_modules
安装 yarn
Yarn 是 Facebook 发布的一款依赖包安装工具。Yarn是一个新的快速安全可信赖的可以替代 NPM 的依赖管理工具。Yarn 一种取代 npm 的 Node的模块管理器,从使用上来看,从 npm 过度到 yarn 几乎零成本,除了操作上相近,yarn 同样是一个从 npm 注册源获取模块的工具。
官网:https://classic.yarnpkg.com/
安装 yarn
# 安装 npm install yarn -g# 创建软连接 ln -s /usr/local/nodejs/bin/yarn /usr/local/bin/yarn ln -s /usr/local/nodejs/bin/yarnpkg /usr/local/bin/yarnpkg # 查看版本 yarn -v
yarn 查看各种路径命令
# 查看 yarn 安装包的位置 yarn global dir
/usr/local/share/.config/yarn/global。如果使用yarn global add xxx
安装文件包,默认位置。
# 查看 yarn 安装包 bin 位置 yarn global bin
/usr/local/bin。如果使用yarn global add xxx
安装文件包 bin 默认位置。
# 看 yarn 全局 cache 位置 yarn cache dir
/usr/local/share/.cache/yarn/v6。
# 看 yarn 镜像源 yarn config get registry # 设置 yarn 镜像源 yarn config set registry https://registry.yarnpkg.com
卸载 yarn
若处于特殊原因,需要卸载 yarn 的时候,可以使用下面命令来卸载。
yarn 全局配置文件,默认在/usr/local/share/.yarnrc,或者/root/.yarnrc
npm uninstall yarn -grm -f /usr/local/bin/yarn rm -f /usr/local/bin/yarnpkg rm -f /usr/local/bin/create-vite rm -f /usr/local/bin/cva rm -f /usr/local/share/.yarnrc rm -f /root/.yarnrc rm -rf /root/.yarn rm -rf /usr/local/share/.config/yarn rm -rf /usr/local/share/.cache/yarn rm -rf /usr/local/nodejs/lib/node_modules/corepack/shims/yarn rm -rf /usr/local/nodejs/lib/node_modules/corepack/shims/nodewin/yarn
# 删除所有包含 yarn 的文件及目录 find /root -name yarn* | xargs rm -rf find /usr/local -name yarn* | xargs rm -rf
安装 pnpm
pnpm,快速的,节省磁盘空间的包管理工具。
当使用 npm 或 Yarn 时,如果你有 100 个项目使用了某个依赖(dependency),就会有 100 份该依赖的副本保存在硬盘上。而在使用 pnpm 时,依赖会被存储在内容可寻址的存储中,所以:
- 如果你用到了某依赖项的不同版本,只会将不同版本间有差异的文件添加到仓库。例如,如果某个包有100个文件,而它的新版本只改变了其中1个文件。那么 pnpm update 时只会向存储中心额外添加1个新文件,而不会因为仅仅一个文件的改变复制整新版本包的内容。
- 所有文件都会存储在硬盘上的某一位置。当软件包被被安装时,包里的文件会硬链接到这一位置,而不会占用额外的磁盘空间。这允许你跨项目地共享同一版本的依赖。
因此,您在磁盘上节省了大量空间,这与项目和依赖项的数量成正比,并且安装速度要快得多!
# 安装 npm install -g pnpm # 创建软连接 ln -s /usr/local/nodejs/bin/pnpm /usr/local/bin/pnpm ln -s /usr/local/nodejs/bin/pnpx /usr/local/bin/pnpx
# 查看版本 pnpm -v 或者 pnpm --version
pnpm 常用命令
# 初始化项目,安装项目极其依赖 pnpm install pnpm i # 安装包, 默认情况下,任何新软件包都安装为生产依赖项,写入dependencies pnpm add packName pnpm add packName -S# 安装包,安装为开发依赖项,写入 devDependencies pnpm add packName -D# 安装包,全局安装 pnpm add packName -g# 移除项目,参数要与安装的时候相同 pnpm remove packName
卸载 pnpm
若处于特殊原因,需要卸载 pnpm 的时候,可以使用下面命令来卸载。
npm uninstall pnpm -g
# 查看所有包含 pnpm 的遗留文件 find /root -name pnpm* find /usr/local -name pnpm* # 查看所有包含 pnpx 的遗留文件 find /root -name pnpx* find /usr/local -name pnpx*
# 删除所有包含 pnpm 的文件及目录 find /root -name pnpm* | xargs rm -rf find /usr/local -name pnpm* | xargs rm -rf # 删除所有包含 pnpx 的文件及目录 find /root -name pnpx* | xargs rm -rf find /usr/local -name pnpx* | xargs rm -rf
若不使用上面的方法,也可以单独删除:
rm -f /usr/local/bin/pnpm rm -f /usr/local/bin/pnpx rm -f /root/.cache/pnpm rm -f /root/.local/share/pnpm rm -rf /usr/local/nodejs/lib/node_modules/corepack/shims/pnpm rm -rf /usr/local/nodejs/lib/node_modules/corepack/shims/pnpm.cmd rm -rf /usr/local/nodejs/lib/node_modules/corepack/shims/pnpm.ps1 rm -rf /usr/local/nodejs/lib/node_modules/corepack/shims/pnpx rm -rf /usr/local/nodejs/lib/node_modules/corepack/shims/pnpx.cmd rm -rf /usr/local/nodejs/lib/node_modules/corepack/shims/pnpx.ps1 rm -rf /usr/local/nodejs/lib/node_modules/corepack/shims/nodewin/pnpm rm -rf /usr/local/nodejs/lib/node_modules/corepack/shims/nodewin/pnpm.cmd rm -rf /usr/local/nodejs/lib/node_modules/corepack/shims/nodewin/pnpm.ps1 rm -rf /usr/local/nodejs/lib/node_modules/corepack/shims/nodewin/pnpx rm -rf /usr/local/nodejs/lib/node_modules/corepack/shims/nodewin/pnpx.cmd rm -rf /usr/local/nodejs/lib/node_modules/corepack/shims/nodewin/pnpx.ps1
鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com
图片声明:本站部分配图来自网络。本站只作为美观性配图使用,无任何非法侵犯第三方意图,一切解释权归图片著作权方,本站不承担任何责任。如有恶意碰瓷者,必当奉陪到底严惩不贷!