React的安装创建项目【详细步骤】

1.首先一定要安装node环境和npm 不安装是无法使用

可以去node官网下载https://nodejs.org/

64位可以直接点这个下载https://nodejs.org/dist/v10.16.0/node-v10.16.0-x64.msi

2.在下载过后打开运行命令窗口(ctrl+r)

在这上打入 node -v (这个是查看呢安装的版本号)
在这里插入图片描述
有这个就是安装node成功和上面呢一步差不多执行 npm -v 返回版本号即可

3.设置NPM

国内npm有点慢,可以设置成淘宝的镜像来代替原有的。

cmd命令提示符中键入:

npm config set registry https://registry.npm.taobao.org

4.执行安装

create-react-app

我们可以通过安装create-react-app来创建React项目。

安装命令

npm install -g create-react-app

(没有这个是创建不了项目的)

安装成功之后,这样就可以创建React项目啦

5.创建项目

执行命令(路径在你要创建项目的目录下)

create-react-app react-01( react-01是项目名,项目名称可以随便起,不能用大写字母)
在这里插入图片描述
当你创建到出现这个时候就已经成功了

6.之后要cd 进入你创建的项目名中 如(cd react-01)

切记一定要cd 进入!!!

7. 执行命令启动项目

npm start

在执行命令完成后 过一小会儿 会浏览器会打开你创建的项目 出现下面这个图的样子 则完成!!!!
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值