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
相关推荐
清风细雨_林木木几秒前
Vue 2 项目中配置 Tailwind CSS 和 Font Awesome 的最佳实践
前端·css·vue.js
逊嘘4 分钟前
【Web前端开发】CSS基础
前端·css
小宁爱Python4 分钟前
深入掌握CSS Flex布局:从原理到实战
前端·javascript·css
Attacking-Coder14 分钟前
前端面试宝典---webpack面试题
前端·面试·webpack
极小狐39 分钟前
极狐GitLab 容器镜像仓库功能介绍
java·前端·数据库·npm·gitlab
程序猿阿伟1 小时前
《Flutter社交应用暗黑奥秘:模式适配与色彩的艺术》
前端·flutter
rafael(一只小鱼)1 小时前
黑马点评实战笔记
前端·firefox
weifont1 小时前
React中的useSyncExternalStore使用
前端·javascript·react.js
初遇你时动了情1 小时前
js fetch流式请求 AI动态生成文本,实现逐字生成渲染效果
前端·javascript·react.js
影子信息1 小时前
css 点击后改变样式
前端·css