初学者如何搭建React开发环境并且创建react项目

本文详细指导如何在中国安装Node.js和cnpm,使用create-react-app创建React项目,解决安装过程中可能出现的问题,包括错误处理。适合初学者快速上手React开发。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.搭建前提

  1. 我们要在服务端运行js,就需要一个依赖环境,类似于服务器上运行java代码在就需要借助tomcat服务器一样。我们运行js需要在node.js上,同时相应的module依赖也需要使用npm工具。因为在国内使用npm很慢,我们可以使用淘宝的镜像。
  2. 搭建react开发环境,首先你需要安装node.js,需要下载cnpm

2.下载node.js和cnpm

  1. 参考这个博客https://blog.youkuaiyun.com/TroyeSivanlp/article/details/121297856安装到cnpm即可。

  2. 安装成功后检查版本号。输入

    node  -v 
    
    cnpm  -v
    

3.安装react环境

在cmd中输入命令(直接复制粘贴):

cnpm install -g create-react-app

等待一分钟,下载即可完成。
请添加图片描述

4.创建react项目

create-react-app reactDemo
输入命令

请添加图片描述

如下显示成功

请添加图片描述

5.运行reactDemo文件

创建成功之后,在first-react-demo文件底下打开cmd窗口,输入npm start,耐心等待。

请添加图片描述

运行成功

请添加图片描述

6.错误示范

  1. 不要使用react官方文档中的下载教程,
 npx create-react-app my-app //不推荐使用的安装react的命令

请添加图片描述

  1. 在安装react环境的时候,可能会报错 Unexpected end of JSON input while parsing near ‘…0",“dependencies”:{"’ ,报错的话,执行如下命令:
 npm cache clean --force
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

咖啡壶子

你的鼓励奖是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值