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

「网页开发|环境安装」Windows系统下安装node.js

本文主要介绍在windows系统下的node.js环境安装。windows系统的Node.js安装过程与其他普通软件的安装类似,本文主要给刚入门的伙伴一个参考。

文章目录

  • 场景说明
  • 安装步骤
    • 下载安装包
    • 运行安装程序
    • 验证安装
    • 添加系统环境变量
    • 配置node_cache和node_global变量

场景说明

node.js是一个javascript运行环境,是编写javascript代码需要安装的环境(为了运行代码)

所以如果开发过程中需要运行js代码,就需要安装node.js,最常见的就是网页开发。不管是reactvueexpress或是electron

windows安装node.js的过程与安装办公软件差不多,只是额外需要配置系统环境变量方便使用。

安装步骤

下载安装包

进入官网下载页,然后选择windows系统的下载包
在这里插入图片描述

运行安装程序

运行下载好的安装包node-v18.17.1-x64.msi

除了以下安装位置页面需要根据自己情况进行修改之外,其他界面可以一路点击下一步
在这里插入图片描述

验证安装

打开命令行cmd.exe,输入node查看版本的命令,如果安装成功可以见到如下输出:

C:\>node -v
v18.17.1C:\>npm -v
9.8.1

添加系统环境变量

如果在验证安装的环节,没有得到版本输出信息。那需要添加系统环境变量。步骤如下:

  • win键 + s键打开系统搜索窗口,搜索编辑系统环境变量
    在这里插入图片描述
  • 在打开的界面点开"环境变量窗口",如下:
    在这里插入图片描述
  • 在环境变量窗口,选择"系统变量"栏目下的Path变量并双击:
    在这里插入图片描述
  • node.js的安装位置加入到Path目录中:
    在这里插入图片描述

配置完成之后重新验证node -v是否有版本信息输出即可。

配置node_cache和node_global变量

  • node_cachenode的缓存文件夹
  • node_globalnode使用-g参数进行npm install 时下载包的安装位置,npm install react会安装到当前的项目,npm install react -g则会安装到node_global的对应目录

配置步骤如下:

  1. node.js的安装目录(比如是C:/nodejs)下新建node_cachenode_global两个文件夹
    在这里插入图片描述

  2. 新建NODE-PATH系统环境变量:
    在这里插入图片描述

  3. 在系统变量Path中新建%NODE_PATH%
    在这里插入图片描述

  4. 在系统环境变量的用户变量的Path中增加node_global路径
    在这里插入图片描述

到这里node.js就安装并且配置完毕了~

写文不易,如果对你有帮助的话,来一波点赞、收藏、关注吧~👇

http://www.lryc.cn/news/133173.html

相关文章:

  • 【腾讯云Cloud Studio实战训练营】用Vue+Vite快速构建完成交互式3D小故事
  • MySQL和Java中的货币字段类型选择
  • 第6步---MySQL的控制流语句和窗口函数
  • Android通过OpenCV实现相机标定
  • 我们可能要为ChatGPT的谢幕做好准备
  • 深入浅出Pytorch函数——torch.nn.init.xavier_normal_
  • Abandon_Ubuntu Declaration
  • Java设计模式-抽象工厂模式
  • Rust语法:所有权引用生命周期
  • 办手机卡/流量卡需要问清楚啥?
  • vim基本使用方法
  • 漏洞指北-VulFocus靶场专栏-入门
  • 管理类联考——逻辑——真题篇——按知识分类——汇总篇——二、论证逻辑——推论——第二节——数字推理题
  • git基础教程(24) git reflog查看引用日志
  • 成都爱尔谭娇主任提醒孩子不停揉眼睛是因为什么
  • 医疗设备管理软件哪家好?医院设备全生命周期管理要怎么做?
  • 基于PaddlePaddle实现的声纹识别系统
  • 使用GDB工具分析core文件的方法
  • Maven - 统一构建规范:Maven 插件管理最佳实践
  • 对接海康明眸门禁设备-删除人员信息
  • LEADTOOLS Imaging SDK Crack
  • 2023并发之八股文——面试题
  • 操作记录日志保存设计实现
  • PL 侧驱动和fpga 重加载的方法
  • 【2023最新爬虫】用python爬取知乎任意问题下的全部回答
  • Bingchat和ChatGPT主要区别
  • Docker容器:docker镜像的创建及dockerfile
  • Vue3 父子组件数据传递
  • Eureka:集群环境配置
  • springboot之多数据源配置