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

学习使用在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.lryc.cn/news/438361.html

相关文章:

  • Hexo框架学习——从安装到配置
  • 搭建Windows下的Rust开发环境
  • [linux 驱动]misc设备驱动详解与实战
  • C/S架构与B/S架构的适用场景分析
  • AI论文精读笔记-Generative Adversarial Nets(GAN)
  • Redis(主从复制、哨兵模式、集群)概述及部署测试
  • jmeter吞吐量控制器
  • 【GBase 8c V5_3.0.0 分布式数据库常用几个SQL】
  • grep,wc命令
  • NLP-文本分类文献阅读-前置基础-词汇解释-通俗易懂-9月份-学习总结
  • Conda安装和使用(ubuntu)
  • JavaEE:文件操作
  • Python | 练习作业 2
  • C语言-整数和浮点数在内存中的存储-详解-上
  • 图论篇--代码随想录算法训练营第六十一天打卡| Floyd 算法,A*算法
  • CMake构建学习笔记16-使用VS进行CMake项目的开发
  • 数据结构中线性表的定义和特点
  • 【PyTorch单点知识】PyTorch中的自动混合精度(AMP)模块详解
  • 数据结构 --- 哈希表
  • Linux相关:在阿里云下载centos系统镜像
  • 24. 线模型对象
  • EasyExcel 快速入门
  • Sparse4D v1
  • 速盾:你知道高防 IP 和高防 CDN 的区别吗?
  • HTML和CSS网页制作成品
  • Ai+若依(集成easyexcel实现excel表格增强)
  • 钻机、塔吊等大型工程设备,如何远程维护、实时采集运行数据?
  • 【AutoX.js】选择器 UiSelector - 查找包名
  • ERP进销存多仓库管理系统源码 带完整的安装代码包以及搭建部署教程
  • 数据清洗-缺失值填充-对XGBoost参数优化填充