「网页开发|环境安装」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系统的下载包
「网页开发|环境安装」Windows系统下安装node.js_第1张图片

运行安装程序

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

除了以下安装位置页面需要根据自己情况进行修改之外,其他界面可以一路点击下一步
「网页开发|环境安装」Windows系统下安装node.js_第2张图片

验证安装

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

C:\>node -v
v18.17.1

C:\>npm -v
9.8.1

添加系统环境变量

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

  • win键 + s键打开系统搜索窗口,搜索编辑系统环境变量
    「网页开发|环境安装」Windows系统下安装node.js_第3张图片
  • 在打开的界面点开"环境变量窗口",如下:
    「网页开发|环境安装」Windows系统下安装node.js_第4张图片
  • 在环境变量窗口,选择"系统变量"栏目下的Path变量并双击:
    「网页开发|环境安装」Windows系统下安装node.js_第5张图片
  • node.js的安装位置加入到Path目录中:
    「网页开发|环境安装」Windows系统下安装node.js_第6张图片

配置完成之后重新验证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两个文件夹
    「网页开发|环境安装」Windows系统下安装node.js_第7张图片

  2. 新建NODE-PATH系统环境变量:
    「网页开发|环境安装」Windows系统下安装node.js_第8张图片

  3. 在系统变量Path中新建%NODE_PATH%
    「网页开发|环境安装」Windows系统下安装node.js_第9张图片

  4. 在系统环境变量的用户变量的Path中增加node_global路径
    「网页开发|环境安装」Windows系统下安装node.js_第10张图片

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

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

你可能感兴趣的:(web编程技术,windows,node.js,开发语言,javascript,前端)