手把手从零开始搭建一个最最简单的React工程

一、鉴于另一篇文章存在同样的前期准备工作(Node.js、npm),这里不再赘述,仅贴上其地址作为参考

https://blog.csdn.net/weixin_44554160/article/details/86737998

二、搭建React环境

1. 打开cmd,输入以下命令,开始构建React开发环境

$ cnpm install -g create-react-app

构建 React 开发环境
如图,构建 React 开发环境就成功啦~

2. 继续输入以下命令,生成一个初始的React项目(没有换源则会默认使用npm,所以速度会比较慢,要等一小会儿)

create-react-app satsuki-no-react

PS:命令里的“satsuki-no-react”为项目名,要求必须全小写,不然无法通过。(最上面的链接中也有提到项目名全小写的问题)
生成初始的Rea0ct项目成功啦
如图,生成初始的React项目成功啦~

三、启动项目

  1. 创建初始项目完成后,用cmd直接进入生成的工程目录中,并输入以下命令:
npm start

React工程启动啦
如图,工程启动啦~接下来访问:

http://localhost:3000/

便可以看到
成功啦
好啦,从零开始搭建一个最最简单的React工程到这里就结束啦~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值