快速创建 react 项目

本文介绍了如何在具备Node.js和npm环境的基础上,利用CreateReactApp脚手架创建一个React项目。通过命令行工具,执行npxcreate-react-app命令创建项目,然后使用cd进入项目文件夹,运行npmstart或yarnstart启动项目,最后在浏览器中查看项目运行效果。
摘要由CSDN通过智能技术生成

搭建之前请确保安装了nodejsnpm

我就不多赘述这两个是什么了

使用官方的Create React App脚手架快速搭建react项目

打开cmd或者bash等命令行,进入到你要创建项目的文件夹,执行下面命令,然后耐心等待一下

npx create-react-app react-dome // react-dome是项目名称,可以修改成你想要的名字

当出现以下代码就说明成功了

 创建成功react项目之后,cd进入到项目文件夹。可以看到也有提示出来了,我们复制即可。

我这里就使用的是我的命名的文件夹。

执行cd reactzhufeng进入项目文件夹。 

可以看到最后一行我们已经进入到当前的项目文件夹了;然后使用npm start 或者yarn start运行项目,根据个人的安装来使用,我这里就使用yarn。

下面是项目启动成功的浏览器页面。

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值