Windows7压缩包安装node.js 报错提示windows Server 2012 R2 和安装React脚手架 最详细教程

简介: 对于Windows 7安装node.js 提示“This application is only supported on wWindows 8.1,windows Server 2012 R2, or higher.”类似这种情况的,该问题是因为node.js官方在 x12版本后就不支持win7系统了。

对于Windows 7安装node.js 提示“This application is only supported on wWindows 8.1,windows Server 2012 R2, or higher.”类似这种情况的,该问题是因为node.js官方在 x12版本后就不支持win7系统了。

  • 第一步

这个时候我们需要下载历史版本,建议 node.js v12.22。下载解压压缩包,建议放在C:\Program Files目录,然后新建一个nodejs,当然,你要是有个性我也没办法

​编辑

记得在C:\Program Files目录创建两个文件夹,分别为 npm 和npm-cache 。

然后设置npm全局模块目录和缓存目录 打开cmd输入

npm config set prefix C:\Program Files\npm

npm config set cache C:\Program Files\npm-cache

如果第二行代码提示报错,前往C:\ 删掉Program文件!!

  • 第二步

配置环境变量,这点最重要,很多教程都没告诉你,是配置系统变量还是用户变量!

这时候我们 右键计算机-属性-左面的高级系统设置- 下面的环境变量。

在系统变量 Path 点击编辑 输入 刚刚node路径 ;C:\Program Files\nodejs 一定要加; 别忘记了

​编辑

  • 第三步

测试环境变量

按住Win+R键,打开运行窗口,输入cmd,打开命令行窗口,输入 “ node -v ” 和 “ npm -v ” 命令,显示node和npm对应的版本号,表示环境配置成功。

​编辑

这个node就算安装完成了!

  • React脚手架搭建教程

打开cmd输入npm config set registry https://registry.npm.taobao.org 因为外国的cdn比较慢,所以我们这边采用淘宝的镜像源

​编辑

然后继续输入 npm i -g create-react-app 下载安装脚手架

​编辑

完事之后,最重要的一步来了!!

输入命令 cd C:\Program 转到这个目录

继续输入 create-react-app myweb

myweb是自定义名称

​编辑

​编辑

​编辑

看到Happy hacking的时候,恭喜你成功了!!

然后cd myweb 进入你的文件夹

npm start 打开!。

相关文章
|
2月前
|
Linux 虚拟化 iOS开发
Windows Server 2008 R2 OVF (2025 年 4 月更新) - VMware 虚拟机模板
Windows Server 2008 R2 OVF (2025 年 4 月更新) - VMware 虚拟机模板
90 29
Windows Server 2008 R2 OVF (2025 年 4 月更新) - VMware 虚拟机模板
|
2月前
|
前端开发 JavaScript NoSQL
使用 Node.js、Express 和 React 构建强大的 API
本文详细介绍如何使用 Node.js、Express 和 React 构建强大且动态的 API。从开发环境搭建到集成 React 前端,再到利用 APIPost 高效测试 API,适合各水平开发者。内容涵盖 Node.js 运行时、Express 框架与 React 库的基础知识及协同工作方式,还涉及数据库连接和前后端数据交互。通过实际代码示例,助你快速上手并优化应用性能。
|
4月前
|
安全 Unix 虚拟化
Windows 7 & Windows Server 2008 R2 简体中文版下载 (2025 年 2 月更新)
Windows 7 & Windows Server 2008 R2 简体中文版下载 (2025 年 2 月更新)
116 11
Windows 7 & Windows Server 2008 R2 简体中文版下载 (2025 年 2 月更新)
|
9月前
|
前端开发 JavaScript Java
SpringBoot项目部署打包好的React、Vue项目刷新报错404
本文讨论了在SpringBoot项目中部署React或Vue打包好的前端项目时,刷新页面导致404错误的问题,并提供了两种解决方案:一是在SpringBoot启动类中配置错误页面重定向到index.html,二是将前端路由改为hash模式以避免刷新问题。
586 1
|
9月前
|
前端开发
React | 修改React脚手架的默认端口号?
React | 修改React脚手架的默认端口号?
234 64
|
7月前
|
网络安全 Windows
Windows server 2012R2系统安装远程桌面服务后无法多用户同时登录是什么原因?
【11月更文挑战第15天】本文介绍了在Windows Server 2012 R2中遇到的多用户无法同时登录远程桌面的问题及其解决方法,包括许可模式限制、组策略配置问题、远程桌面服务配置错误以及网络和防火墙问题四个方面的原因分析及对应的解决方案。
497 4
|
8月前
|
XML 前端开发 JavaScript
react学习笔记一:入门级小白到脚手架(create-react-app)开发项目
这篇文章是React的学习笔记,覆盖了从React的基础用法到高级特性,包括组件化、状态管理、生命周期、虚拟DOM等主题,适合React初学者参考。
208 0
react学习笔记一:入门级小白到脚手架(create-react-app)开发项目
|
7月前
|
前端开发 JavaScript
手敲Webpack 5:React + TypeScript项目脚手架搭建实践
手敲Webpack 5:React + TypeScript项目脚手架搭建实践
|
7月前
|
前端开发 JavaScript 测试技术
React Server Side Rendering (SSR) 详解
【10月更文挑战第19天】React Server Side Rendering (SSR) 是一种在服务器端渲染 React 应用的技术,通过在服务器上预先生成 HTML 内容,提高首屏加载速度和 SEO。本文从概念入手,逐步探讨 SSR 的实现步骤、常见问题及解决方案,并通过代码示例进行说明。
894 5
|
9月前
|
前端开发 NoSQL MongoDB
React技术栈-基于react脚手架编写评论管理案例
这篇文章介绍了在MongoDB中使用sort和投影来对查询结果进行排序和限制返回的字段,通过具体的命令示例展示了如何实现这些操作。
96 6
React技术栈-基于react脚手架编写评论管理案例