React脚手架的搭建 React demo

React脚手架搭建

由于搭建脚手架会用到npm工具,可先安装Node.js,因为npm是基于Node.js的包管理工具。安装结束后,可以检查一下npm是否安装成功。
在这里插入图片描述
由于国内的npm速度比较慢,我们可以使用淘宝定制的cnpm命令行工具代替默认的npm,具体操作如下:

  • npm install -g cnpm --registry=https://registry.npm.taobao.org
  • npm config set registry https://registry.npm.taobao.org
    在这里插入图片描述

四步搭建

  • cnpm install -g create-react-app
    在这里插入图片描述
  • create-react-app react-demo
    在这里插入图片描述
  • cd react-demo(用工具将my-react文件夹打开)
    在这里插入图片描述
  • npm start(在终端栏输入会显示如下页面)
    在这里插入图片描述
    在这里插入图片描述
    如果没用淘宝定制的cnpm ,则前面的四步搭建里面的第一条命令将变为:
  • npm install -g create-react-app
    后面的命令无需变化。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值