当前位置: 首页 > article >正文

学习使用在windows系统上安装nodejs以及环境配置图文教程整理

学习使用在windows系统上安装nodejs以及环境配置图文教程整理

  • Node.js 介绍
  • Node.js 安装
    • 1、Node.js下载
    • 2、Node.js安装
    • 3、Node.js测试
    • 4、Node.js安装目录
    • 5、Node.js环境变量配置
    • 6、配置镜像站,提升速度
    • 7、检查镜像站配置
    • 8、测试环境变量是否生效
    • 9、安装cnpm

Node.js 介绍

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,允许在服务器端运行 JavaScript 代码。它采用事件驱动、非阻塞 I/O 模型,非常适合构建高性能的网络应用程序。Node.js 提供了一系列内置模块,支持异步编程,易于扩展,广泛应用于 Web 开发、实时应用和各种服务端开发场景。

Node.js 安装

1、Node.js下载

两个网址都可以,能打开哪个用哪个
https://nodejs.cn/en 中文官网
https://nodejs.org/en/download/ 英文官网

在这里插入图片描述根据自己的需求下载指定版本
在这里插入图片描述

2、Node.js安装

点击node-v20.17.0-x64.msi 安装
在这里插入图片描述
在这里插入图片描述勾选I accept the terms in the License Agreement勾选框,点击Next进入下一步。

在这里插入图片描述选择安装目录,最好点击 “Change…” 更换目录,最好不要安装在C盘。点击 Next 进入下一步。
在这里插入图片描述使用默认配置,点击Next进入下一步。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
至此,Node.js已经完成安装。可以打开命令行测试是否安装成功,之后还需要进行环境配置。

3、Node.js测试

在键盘按下Win + R快捷键,输入cmd,然后回车启动命令行窗口。分别输入node -v和npm -v来查看node.js版本和npm版本。

新版的Node.js已自带npm,安装Node.js时会一起安装,npm的作用就是对Node.js依赖的包进行管理,也可以理解为用来安装/卸载Node.js需要装的东西

在这里插入图片描述

4、Node.js安装目录

安装完成之后,在开始菜单里能够看到如下列表。

在这里插入图片描述

5、Node.js环境变量配置

Node.js安装包自带了npm,但安装时不会自动给npm配置全局安装包路径的环境变量(不配的话运行js程序时可能会报找不到包的错误)。

打开Node.js的安装目录
在该目录中新增**node_global 和 node_cache **文件夹

在这里插入图片描述
文件夹创建完成之后,打开cmd窗口,输入以下命令。

npm config set prefix "{Node.js安装目录}\node_global"
npm config set cache "{Node.js安装目录}\node_cache"

注意把上面命令中的{Node.js安装目录}替换成你的真实安装目录。

在这里插入图片描述在这里插入图片描述

鼠标点击右键选择属性,在弹出的界面中依次选择高级系统设置高级环境变量打开环境变量设置界面。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

输入以下配置之后,点击确定按钮进行保存。

用户变量 path :D:\Program Files\nodejs\node_global

在这里插入图片描述在这里插入图片描述

系统变量 NODE_PATH :D:\Program Files\nodejs\node_modules

在这里插入图片描述
在这里插入图片描述

6、配置镜像站,提升速度

配置镜像网站

npm config set registry=http://registry.npm.taobao.org

显示所以配置信息

npm config list 

在这里插入图片描述

7、检查镜像站配置

npm config get registry  //检测配置镜像

npm  info vue //查看是否能获取 vue 信息

npm list -global //查看 global 目录

在这里插入图片描述
在这里插入图片描述

8、测试环境变量是否生效

在命令行输入以下命令安装express(注:“-g”表示安装到global目录下,就是上面设置的node_global中)

npm install express -g

在这里插入图片描述

在这里插入图片描述
在命令行输入node进入编辑模式,输入以下代码检测是否能正常加载模块:

在这里插入图片描述如果成功,如上图显示;如果出错,检测下上面配置的NODE_PATH是否配置或者配置正确。

9、安装cnpm

https://registry.npmmirror.com 这个源比较快,淘宝的总提示超时

在cmd输入以下命令进行安装:

npm install -g cnpm --registry=https://registry.npmmirror.com

检测cnpm是否正常

cnpm -v

在这里插入图片描述

至此,Node.js、npm、cnpm已经安装和配置完成。


http://www.kler.cn/news/305061.html

相关文章:

  • MongoDB 高级索引
  • linux与unix
  • Ruby 语法概览
  • 《UniVS: Unified and Universal Video Segmentation with Prompts as Queries》要点提炼
  • GitHub上克隆项目
  • maven中的仓库的配置与优先级
  • 287. 寻找重复数(stl法)
  • 滚雪球学SpringCloud[2.3]:服务发现与负载均衡详解
  • 电机驱动开发之主控板
  • Docker 安装配置和基本命令详解以及案例示范
  • Java之ArrayList
  • 【组件】WEB前端-富文本编辑器组件推荐 在线编辑器 Word
  • 了解线程池
  • 【文献阅读】Unsupervised Machine Learning for Bot Detection on Twitter
  • pytorch qwen2-vl自定义数据全量微调
  • SpringBoot万级并发-jemeter-Address already in use: connect
  • 三、Kubernetes中的控制器的使用
  • AI服务器,深度学习英特尔服务器主板和超微服务器主板哪个牌子好?
  • Rust 函数
  • 人工智能物联网的去中心化和分布式学习:全面综述、新兴挑战和机遇
  • 基于鸿蒙API10的RTSP播放器(七:亮度调节功能测试)
  • 太速科技-基于XC7Z100+AD9361的双收双发无线电射频板卡
  • 【2024】前端学习笔记6-容器标签div
  • QT实现TCP/UDP通信
  • 基于python+django+vue的农产品销售管理系统
  • django-admin自定义功能按钮样式
  • medium_socnet
  • 数据库与表的操作
  • 2024秋季云曦开学考
  • 商业预测 初识R