React(ant design)安装及设置

本文详细介绍如何使用Node.js和npm快速安装React开发环境,通过create-react-app脚手架工具一键创建React项目,以及项目启动和目录结构解析。

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

https://blog.csdn.net/shuaishuai1234/article/details/82790049?tdsourcetag=s_pctim_aiomsg

1.安装了nodejs,并使用命令行输入 node -v 和 npm -v 来查看版本号以确认安装成功。
在这里插入图片描述
2.安装淘宝镜像cnmp
由于npm 安装太慢 所以使用cnmp。
在这里插入图片描述
一、脚手架工具create-react-app安装
使用以下命令进行安装:

npm install -g create-react-app

在这里插入图片描述
二、create-react-app的使用

  1. 在需要创建项目的位置打开命令行
  2. 输入create-react-app + 项目名称的命令,比如:
create-react-app my-app

3.当项目创建完成后,可以进入项目,并启动:

cd my-app
npm start

三、脚手架工具生成的目录结构
(react的安装与使用 - 简书 https://www.jianshu.com/p/1f3acf8f8927 )
重要文件:
index.html
index.js
App.js

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值