【Node.js从基础到高级运用】二、搭建开发环境

Node.js入门:搭建开发环境

在上一篇文章中,我们介绍了Node.js的基础概念。现在,我们将进入一个更实际的阶段——搭建Node.js的开发环境。这是每个Node.js开发者旅程中的第一步。接下来,我们将详细讨论如何安装Node.js和npm,以及如何使用版本管理工具来维护不同的Node.js版本。

安装Node.js和npm

Node.js的安装过程相当简单,它的官网提供了不同操作系统下的安装包和安装指南。

Windows和Mac

  1. 访问Node.js官网。
  2. 根据你的操作系统选择相应的安装包(LTS版本建议用于生产环境,因其稳定性好;Current版本包含了最新的功能)。
  3. 下载后,运行安装程序并遵循向导指示完成安装。

Linux

对于Linux用户,你可以使用包管理器来安装Node.js。例如,在Ubuntu上,你可以使用以下命令:

sudo apt update
sudo apt install nodejs
sudo apt install npm

安装完成后,你可以通过运行以下命令来验证安装:

node -v
npm -v

这些命令将分别显示你安装的Node.js和npm的版本,确认你的安装成功。

理解Node.js版本管理

在开发过程中,你可能需要在不同的项目之间切换使用不同版本的Node.js。这时,Node.js版本管理工具就显得尤为重要。nvm(Node Version Manager)是一个流行的版本管理工具,它允许你在同一台机器上安装和使用多个版本的Node.js。

安装nvm

Windows系统下安装Node Version Manager (nvm-windows) :

  • 卸载旧版本: 如果您的计算机上已经安装了Node.js,且您想通过nvm来管理多个版本,请考虑先卸载全局安装的Node.js。不过,在某些情况下(如使用nvm-windows),它可以自动接管已安装的Node.js版本。

  • 下载nvm: 访问nvm-windows的GitHub releases页面:https://github.com/coreybutler/nvm-windows/releases下载最新的nvm-setup.exe安装程序或者.zip压缩包(如果是免安装版)。

  • 安装nvm: 按照向导提示操作,选择nvm的安装目录,注意不要包含任何空格或中文字符,以免出现错误。选择默认路径即可

  • 安装node

以管理员的身份运行CMD
在这里插入图片描述
输入 nvm list available 查看可安装的node版本
在这里插入图片描述

输入 nvm install 版本号 安装指定版本node :

# 安装特定版本的Node.js
nvm install 14.17.0

# 切换到特定版本的Node.js
nvm use 14.17.0

# 列出已安装的所有Node.js版本
nvm ls

# 自动切换到项目指定的Node.js版本
nvm use

相关命令

  • nvm list 查看已经安装的版本
  • nvm list installed 查看已经安装的版本
  • nvm list available 查看网络可以安装的版本
  • nvm version 查看当前的版本
  • nvm install 安装最新版本
  • nvm nvm use ## 切换使用指定的版本
  • node nvm ls 列出所有版本 nvm current显示当前版本

结语

恭喜你,现在你已经成功搭建了Node.js的开发环境,并且学会了如何管理不同的Node.js版本。这些技能将为你的Node.js开发之旅打下坚实的基础。在下一篇文章中,我们将深入探讨JavaScript的核心概念,以及它们在Node.js中的应用。继续保持学习的热情,我们很快就会见到!

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

ChatGPT Plus 支付出现「您的银行卡被拒绝/your card has been declined」怎么办?

ChatGPT Plus 支付出现「您的银行卡被拒绝/your card has been declined」怎么办? 在订阅 ChatGPT Plus 或者 OpenAI API 时,有时候会出现已下报错 : Your card has been declined. 您的银行卡被拒绝 出现这种错误,有以下几个解…

蓝桥杯练习系统(算法训练)ALGO-982 最小距离

资源限制 内存限制:256.0MB C/C时间限制:1.0s Java时间限制:3.0s Python时间限制:5.0s 最小距离 问题描述 数轴上有n个数字,求最近的两个数,即min(abs(x-y)) 输入格式 第一行包含一个整数n。   …

Mysql:如何自定义导出表结构

为了方便将mysql表结构信息快速录入到word或Excel表格中,最终实现如下效果: 对于word,则可将Excel表格复制粘贴即可。 废话不多少,开干。 准备准建:navicat 或sqlyog 第一步:编辑sql,如: SE…

rabbitmq 基本总结

rabbitmq 的基本概念 vhost、broker、producer、 consumer、 exchange、 queue、 routing key rabbitmq 常用的队列类型&#xff0c;工作队列&#xff08;简单队列&#xff09;,pub/sub, routing key&#xff0c; topic 模式 <dependency><groupId>com.rabbitmq&l…

Excel 快速填充/输入内容

目录 一. Ctrl D/R 向下/右填充二. 批量输入内容 一. Ctrl D/R 向下/右填充 ⏹如下图所示&#xff0c;通过快捷键向下和向右填充数据 &#x1f914;当选中第一个单元格之后&#xff0c;可以按住Shift后&#xff0c;再选中最后一个单元格&#xff0c;可以选中第一个单元格和最…

云计算项目九:K8S安装

K8S安装 Kube-master安装 按照如下配置准备云主机 防火墙相关配置&#xff1a;禁用selinux&#xff0c;禁用swap&#xff0c;且在firewalld-*。上传kubernetes.zip 到跳板机 配置yum仓库&#xff08;跳板机&#xff09; 跳板机主机配置k8s软件源服务端 [rootjs ~]# yum -y…

uniapp踩坑之项目:uni.previewImage简易版预览单图片

主要使用uni.previewImage //html <view class"box-card" v-for"(item,index) in DataList" :key"index"><view>图片&#xff1a;</view><image :src"item.Path" tap.stop"clickImg(item.Path)">&l…

JavaScript数组方法常用方法大全

提示&#xff1a;文章写完后&#xff0c;目录可以自动生成&#xff0c;如何生成可参考右边的帮助文档 文章目录 1. push()2. pop()3. unshift()4. shift()5. isArray()6. map()7. filter()8. every()9. some()10. splice()11. slice()12. indexOf()13. includes()14. concat()1…

Python和Google Colab进行卫星图像二维小波变化和机器学习

2D 小波分解是图像处理中的一种流行技术,使用不同的滤波器将图像分解为不同的频率分量(“近似”和“细节”系数)。该技术对于各种图像处理任务特别有用,例如压缩、去噪、特征提取和边缘检测。 在本文中,我们将演示如何在 Google Colab 中使用 Python 下载高分辨率样本卫星…

弄清Resource、ResourceLoader、容器之间的微妙关系

Resource&#xff1a; 在Java中&#xff0c;资源会被抽象成url&#xff0c;通过url前面的协议&#xff08;如file&#xff1a;&#xff0c;classpath&#xff1a;&#xff09;来处理不同的操作逻辑&#xff0c;resource是一个接口 Resource家族 具体的资源访问由其实现类完成&a…

Python学习日记之学习turtle库(下 篇)

前言&#xff1a; 书接上篇&#xff0c;我们继续来了解Python内置库 turtle功能库。在前面的文章中&#xff0c;我们初步的了解了一下 turtle库&#xff0c;画布和画笔相关的函数&#xff0c;那么我们继续来深入了解一下吧。 详情见&#xff1a; Python学习日记之学习turtle库…

Spring web MVC(入门)

1、什么是MVC&#xff08;一种思想&#xff09; Model View Controller &#xff1a; Model—模型 View—视图 Controller—控制器 2、Spring MVC是一种实现&#xff08;我们现在学的是Spring web,Spring mvc过时了&#xff09; View属于前端问题我们后端人员不必太过于关注…

Prometheus添加nginx节点显示不支持stub_status 解决办法

1、我们在使用Prometheus监控添加nginx节点监控的时候&#xff0c;在被监控节点的nginx配置文件中添加下面的模块 server { listen 80; server_name localhost; location /stub_status { stub_status on; access_log off; …

Leetcode 73. 矩阵置零

给定一个 m x n 的矩阵&#xff0c;如果一个元素为0&#xff0c;则将其所在行和列的所有元素都设为 0 。请使用原地算法。 示例 1&#xff1a; 输入&#xff1a;matrix [[1,1,1],[1,0,1],[1,1,1]] 输出&#xff1a;[[1,0,1],[0,0,0],[1,0,1]] 示例 2&#xff1a; 输入&a…

力扣hot100题解(python版63-68题)

63、搜索插入位置 给定一个排序数组和一个目标值&#xff0c;在数组中找到目标值&#xff0c;并返回其索引。如果目标值不存在于数组中&#xff0c;返回它将会被按顺序插入的位置。 请必须使用时间复杂度为 O(log n) 的算法。 示例 1: 输入: nums [1,3,5,6], target 5 输…

在Blender中清理由Instant-NGP等几何学习技术生成的网格

使用布尔运算: 创建一个大的立方体或其他简单几何体包裹住全部网格。使用布尔修改器对两个网格进行“差集”运算。这将移除超出包裹体之外的多余网格部分。 手动选择并删除: 进入编辑模式&#xff08;按Tab键&#xff09;。按A键取消选择所有顶点。按B键并拖动以选择您想要删除…

【论文笔记】Language Models are Few-Shot Learners

Language Models are Few-Shot Learners 本部分是 GPT-3 技术报告的第一部分&#xff1a;论文正文、部分附录。 后续还有第二部分&#xff1a;GPT-3 的广泛影响、剩下的附录。 以及第三部分&#xff08;自己感兴趣的&#xff09;&#xff1a;GPT-3 的数据集重叠性研究。 回顾…

vue2 div滚动条下拉到底部时触发事件(懒加载) 超级简易版本的懒加载

文章目录 导文文章重点内容效果展示&#xff1a;代码展示这些方法适用于哪些场景 总结 导文 vue2 div滚动条下拉到底部时触发事件(懒加载) 超级简易版本的懒加载 文章重点 内容效果展示&#xff1a; 当div拉到底部的时候&#xff1a; 编辑器返回&#xff1a; 代码展示 在…

来点基础的吧,JavaScript、JSP怎么打印输出,方便调试

这个对初学者肯定有用&#xff0c;自己写了代码&#xff0c;想看看对不对&#xff0c;想打印到页面上看看&#xff0c;都有哪些地方需要打印用哪些方法呢&#xff1f; 一、JavaScript的打印输出 1、console.log() console.log()是JavaScript中最常用的打印值方法之一。它将指…

React-router之简单使用

1.概念 说明&#xff1a;页面的跳转 2.安装 说明&#xff1a;路由采用CRA创建项目的方式进行基础环境配置。 npx create-react-app react-router-pro npm i react-router-dom 3.使用 import React from react; import ReactDOM from react-dom/client; import ./index.css;…