nvm, node.js, npm, yarn 安装配置

文章目录

  • nvm 安装
  • node.js 安装
  • npm yarn 配置

nvm 安装

nvm 是一个 node.js 管理工具,可以快捷下载安装使用多个版本的node.js

linux

命令行输入:

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bashwget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash

卸载:

rm -rf "$NVM_DIR"

删除 ~/.bashrc 文件中的

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm
[[ -r $NVM_DIR/bash_completion ]] && \. $NVM_DIR/bash_completion

windows

点击 github 链接 windows-releases, 下载下方红框中的exe文件安装即可

卸载找到安装目录中的uninstall文件即可


node.js 安装

node.js 是 js 文件的运行环境

linux

# 1.安装特定版本的NodeJS
nvm install <version># 2.切换特定版本的NodeJS
nvm use <version># 3.安装LTS版本NodeJS
nvm install --lts# 4.切换LTS版本NodeJS
nvm use --lts# 5.查看已安装NodeJS版本
nvm ls# 6.查看已安装的LTS版本
nvm ls --lts# 7.卸载特定版本的NodeJS
nvm uninstall <version>

windows

# 1.安装特定版本的NodeJS
nvm install <version># 2.切换特定版本的NodeJS
nvm use <version># 3.安装LTS版本NodeJS
nvm install latest# 4.切换LTS版本NodeJS
nvm use latest# 5.查看已安装NodeJS版本
nvm list# 6.查看所有可以下载的版本
nvm list available# 7.卸载特定版本的NodeJS
nvm uninstall <version>

npm yarn 配置

npm, yarn 都是 node.js 的包的管理工具

npm 操作

# 1. npm升级到最新版本
npm install -g npm@latest# 2. 安装依赖
npm install# 3. 安装包
npm install package_name# 4. 移除包
npm uninstall package_name# 5. 获取镜像源
npm config get registry# 6. 更换国内源
npm config set registry https://registry.npmjs.org/# 7. 恢复官方源
npm config set registry https://registry.npmmirror.com

yarn 操作

# 1. 安装yarn
npm install -g yarn# 2. 安装依赖
yarn install # 3. 添加包
yarn add package_name# 4. 移除包
yarn remove package_name# 5. 获取镜像源
yarn config get registry# 6. 更换国内源
yarn config set registry https://registry.npmmirror.com# 7. 恢复官方源
yarn config set registry https://registry.yarnpkg.com

前端基本环境配置完毕!


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/634791.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

主机自动重启或自动关机故障

公司有两台品牌机&#xff0c;使用约1年半&#xff0c;最近频繁出现自动重启或自动关机现象。 排除插线板、电源线等电源的问题&#xff0c;拆机查看。 故障后的主机拆开后&#xff0c;先摸了一下散热片&#xff0c;并不烫手。 仔细查看内部&#xff0c;排线规整&#xff0c…

base64编码与图片之间相互转换

题记&#xff1a; Base64是网络上最常见的用于传输8Bit字节码的编码方式之一 1、将base64转换成图片 <img src"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0 DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg&quo…

白码ERP实现销售订单自动生成生产订单功能

某ERP项目中&#xff0c;业务员创建销售单后&#xff0c;还需要确认产品库存是否充足&#xff0c;如不充足&#xff0c;还需要手动创建生成订单通知车间进行生产&#xff0c;比较麻烦&#xff0c;客户希望系统可以自动进行判断&#xff0c;自动根据现有库存生成生产订单。 目标…

Pyside6入门教学——编写一个UI界面并显示

1、安装Pyside6 输入下列命令安装Pyside6。 pip install Pyside6 2、设计UI 打开Qt设计工具&#xff08;在安装Pyside6包的目录下&#xff09;。 【注】我这用的是anaconda虚拟环境&#xff0c;所以我的路径是D:\App\Anaconda3\envs\snake\Lib\site-packages\PySide6。设计…

三使用Docker Hub管理镜像

使用Docker Hub管理镜像 Docker Hub是Docker官方维护的Docker Registry&#xff0c;上面存放着很多优秀的镜像。不仅如此&#xff0c;Docker Hub还提供认证、工作组结构、工作流工具、构建触发器等工具来简化我们的工作。 前文已经讲过&#xff0c;我们可使用docker search 命…

124 二叉搜索树的后序遍历序列

问题描述&#xff1a;输入一个整数数组&#xff0c;判断该数组是不是某二叉搜索树的后续遍历结果。 递归方式求解&#xff1a;对于后续遍历而言&#xff0c;其顺序是左子节点->右子节点->根节点&#xff0c;而根据二叉搜索树的特点&#xff0c;左子树比根节点小&#xf…

freemaker导出

一、创建ftl模板文件 1、将xls文件转换为xml格式 需要将xml中内容格式化一下&#xff0c; 在线 XML 格式化 | 菜鸟工具 (jyshare.com) 将格式化好的内容&#xff0c;保存在 ftl 文件中&#xff0c;放入项目文件。 二、后端对数据做组装 Java代码中对导出文件做赋值 Override…

k8s之对外服务ingress

一、service 1、service作用 ①集群内部&#xff1a;不断跟踪pod的变化&#xff0c;不断更新endpoint中的pod对象&#xff0c;基于pod的IP地址不断变化的一种服务发现机制&#xff08;endpoint存储最终对外提供服务的IP地址和端口&#xff09; ②集群外部&#xff1a;类似负…

c++算法之双指针

目录 双指针简介 对撞指针 求解步骤 例题 蓝桥oj1371回文判定 题目描述 输入描述 输出描述 输入输出样例 示例 1 示例 2 运行限制 解 快慢指针 求解步骤 例题 蓝桥oj1372美丽的区间 题目描述 输入描述 输出描述 输入输出样例 示例 1 运行限制 解 例题 蓝…

Vue3 在 history 模式下通过 vite 打包部署白屏

Vue3 在 history 模式下通过 vite 打包部署后白屏; 起因 hash 模式 url 后面跟个 # 强迫症犯了改成了 history,就此一波拉锯战开始了 ... 期间 nigix 和 router 各种反复排查尝试最终一波三折后可算是成功了 ... Vue官方文档 具体配置可供参考如下: 先简要介绍下,当前项目打包…

【EI会议征稿通知】第七届先进电子材料、计算机与软件工程国际学术会议(AEMCSE 2024)

第七届先进电子材料、计算机与软件工程国际学术会议(AEMCSE 2024&#xff09; 2024 7th International Conference on Advanced Electronic Materials, Computers and Software Engineering 第七届先进电子材料、计算机与软件工程国际学术会议(AEMCSE 2024)将于2024年5月10-1…

Vue3实现响应式编程

Vue 3的响应式编程实现主要是基于Proxy和Object.defineProperty。以下是对Vue 3的响应式编程实现的简单说明和代码示例。 在Vue 3中&#xff0c;响应式数据是通过使用JavaScript的Proxy对象实现的。Proxy对象可以用来定义基本操作的自定义行为&#xff08;如属性查找&#xff…

AI智慧导诊系统(源码),利用人工智能技术,通过根据患者症状描述智能推荐挂号科室。

什么是智慧导诊系统? 简单地说&#xff0c;智慧导诊系统是一种利用人工智能技术&#xff0c;为医生提供帮助的系统。它可以通过分析患者的症状和病史为医生提供疾病诊断和治疗方案的建议。 智慧导诊系统可根据患者症状描述智能推荐挂号科室。系统采用对话式询问患者症状&…

侧边栏的伸展与缩放

用到技术栈&#xff1a; vue3viteelement-plus 使用 CSS3 中的 transition 属性来实现平滑过渡效果。可以给 aside 元素添加 transition 属性&#xff0c;来让浏览器自动实现宽度变化的过渡动画 设置过渡时间为 0.3s&#xff0c;结合 will-change 属性进行优化---will-chang…

2024-01-17(SpringCloud)

1.使用openFeign的itemClient接口去做远程调用其他微服务中的接口。但我们直接使用了itemClient接口&#xff0c;而不是该接口的实现类&#xff0c;说明我们是使用该接口的代理对象帮我们做远程调用的。这个代理对象是invocationHandler来生成的。 2.openFeign底层发起远程调用…

什么是DOM?(JavaScript DOM是什么?)

1、DOM简洁 DOM是js中最重要的一部分&#xff0c;没有DOM就不会通过js实现和用户之间的交互。 window是最大的浏览器对象&#xff0c;在它的下面还有很多子对象&#xff0c;我们要学习的DOM就是window对象下面的document对象 DOM&#xff08;Document Object Model&#xff09…

【数学建模美赛论文word模板更新】数学建模美赛O/F奖论文word写作模板——研赛国赛国一、美赛F/O奖学长联合制作

参加美赛不知道论文如何写、如何排版&#xff1f;快来领取免费模板哦~ 我们的word模板由研赛国赛国一、美赛F/O奖学长联合制作。 论文模板是论文的一部分&#xff0c;它代表着你的论文从构思到完成的全过程&#xff0c;是论文的雏形。 论文模板能够节省你的写作时间&#xf…

深入探讨生产环境中秒杀接口并发量剧增、负载过高的情况该如何应对?

目录 引言 1. 实施限流措施 1.1 令牌桶算法&#xff1a; 1.2 漏桶算法&#xff1a; 1.3 使用限流框架&#xff1a; 2. 优化数据库操作 2.1. 索引优化 2.2. 批量操作减少交互次数&#xff1a; 2.3. 避免全表扫描&#xff1a; 2.4使用InnoDB引擎&#xff1a; 2.5优化事…

力扣59-螺旋矩阵

螺旋矩阵 题目链接 class Solution { public:vector<vector<int>> generateMatrix(int n) {vector<vector<int>>res(n, vector<int>(n, 0));int dx[4] {0, 1, 0, -1}, dy[4] {1, 0, -1, 0}; //方向偏移数组int x 0, y 0; //当前位置for(…

一、可行性研究报告模板(软件工程)

一、可行性研究报告 1&#xff0e;引言 1.1编写目的 1.2项目背景 1.3定义 1.4参考资料 2&#xff0e;可行性研究的前提 2.1要求 2.2目标 2.3条件、假定和限制 2.4可行性研究方法 2.5决定可行性的主要因素 3&#xff0e;对现有系统的分析 3.1处理流程…