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 打开!。

相关文章
|
20天前
|
机器学习/深度学习 并行计算 异构计算
WINDOWS安装eiseg遇到的问题和解决方法
通过本文的详细步骤和问题解决方法,希望能帮助你顺利在 Windows 系统上安装和运行 EISeg。
44 2
|
28天前
|
网络安全 Windows
Windows server 2012R2系统安装远程桌面服务后无法多用户同时登录是什么原因?
【11月更文挑战第15天】本文介绍了在Windows Server 2012 R2中遇到的多用户无法同时登录远程桌面的问题及其解决方法,包括许可模式限制、组策略配置问题、远程桌面服务配置错误以及网络和防火墙问题四个方面的原因分析及对应的解决方案。
|
1月前
|
NoSQL Linux PHP
如何在不同操作系统上安装 Redis 服务器,包括 Linux 和 Windows 的具体步骤
本文介绍了如何在不同操作系统上安装 Redis 服务器,包括 Linux 和 Windows 的具体步骤。接着,对比了两种常用的 PHP Redis 客户端扩展:PhpRedis 和 Predis,详细说明了它们的安装方法及优缺点。最后,提供了使用 PhpRedis 和 Predis 在 PHP 中连接 Redis 服务器及进行字符串、列表、集合和哈希等数据类型的基本操作示例。
57 4
|
1月前
|
前端开发 JavaScript
手敲Webpack 5:React + TypeScript项目脚手架搭建实践
手敲Webpack 5:React + TypeScript项目脚手架搭建实践
|
2月前
|
Linux 网络安全 虚拟化
适用于Linux的Windows子系统(WSL1)的安装与使用记录
并放到启动文件夹,就可以开机自动启动了。
77 0
|
前端开发
React脚手架报错:Cannot create a project named ““ because of npm naming restrictions:
React脚手架报错:Cannot create a project named ““ because of npm naming restrictions:
420 0
React脚手架报错:Cannot create a project named ““ because of npm naming restrictions:
|
前端开发
React使用TS模板脚手架报错:声明了“ React”,但从未读取其值
React使用TS模板脚手架报错:声明了“ React”,但从未读取其值
789 0
|
7月前
|
设计模式 前端开发 数据可视化
【第4期】一文了解React UI 组件库
【第4期】一文了解React UI 组件库
382 0
|
7月前
|
存储 前端开发 JavaScript
【第34期】一文学会React组件传值
【第34期】一文学会React组件传值
80 0
|
7月前
|
资源调度 前端开发 JavaScript
React 的antd-mobile 组件库,嵌套路由
React 的antd-mobile 组件库,嵌套路由
131 0
下一篇
DataWorks