Linux环境配置nvm,nodejs,npm保姆级教程

我的配置方案: 将自身看作一个使用root shell的普通用户。 linux的root用户的软件默认安装在usr目录中,而我将应用全部安装在home目录中。 并且配置环境变量时不配置全局变量(在etc目录下的环境变量),只配置root用户的shell环境变量(位于/root/.bashrc)

安装nvm

使用命令安装nvm

bash 复制代码
 curl -o- https://gitee.com/RubyMetric/nvm-cn/raw/main/install.sh | bash

安装完成后,nvm默认路径在/root/.nvm。直接可以使用了。

如果想要改变安装路径,需要将安装好的.nvm文件夹移动到指定路径,然后修改.bashrc文件中的路径。

接下来重新激活.bashrc文件,就可以使用了

bash 复制代码
source ~/.bashrc

安装nodejs,在nvm的version文件夹中存放下载的每个版本的nodejs。

在nvm中安装nodejs如果遇到:使用nvm install 命令安装,不报错但一直不响应。一般是版本不对,换个正确版本就行

复制代码
nvm install v18.0.0

安装好的nodejs自带npm,npm配置文件在/root/.npmrc。配置镜像源:

arduino 复制代码
npm config set registry https://registry.npmmirror.com

使用npm:进入有package.json文件的路径,输入命令npm install即可安装对应的包。生成的包位于node_modules文件夹中

bash 复制代码
cd   对应路径
npm install

根据对应的配置文件,生成实际项目部署的文件dist

arduino 复制代码
npm run build
相关推荐
William_Xu3 分钟前
React 新旧生命周期对比
前端
PBitW40 分钟前
为什么vite中TS报错,可以继续运行?Webpack不行?💡
前端·typescript
GISer_Jing1 小时前
一套H5跑通三端:App+小程序内嵌H5跨端适配全栈解决方案
前端·前端框架·ai编程
码云之上1 小时前
项目团队从 5 人扩到 15 人,我写了个 CLI 让 IDE 共享 AI 规则
前端·人工智能·后端
飞天狗1 小时前
LCP / INP / CLS 三个维度的实战调优:把 Web Vitals 从不及格拉到优秀的完整路径
前端·性能优化
Csvn1 小时前
Vue 3 `<script setup>` 解构 props 后响应式丢了?一个「字段不更新」的排查实录
前端
用户298698530141 小时前
前端 Excel 处理进阶:React 中合并与取消合并单元格的实现
前端·javascript·react.js
Highcharts1 小时前
@highcharts/react完整技术指南|新版Highcharts React使用、迁移、SSR、TS 优化全解
前端·javascript
老王以为1 小时前
Fiber 节点 —— 一个数据结构如何承载整个 React 运行时
前端·react native·react.js