React新手安装保姆级教学(Mac版)

废话不多说,主要是安装步骤和我出现的问题解决方式。

第一步 检查环境

        前置条件,检查是否有node环境。打开终端,输入node -v。出现版本号就是已安装。

        如果没有,进入官网Node.js — Run JavaScript Everywhere ,选择上方DownLoad,选择Prebuilt Installer,对应你的版本下载傻瓜式安装就行,不用配置环境。

第二步 安装create-react-app,这步一般不会出错。

sudo npm install -g create-react-app

第三步  创建React项目,exercise是项目名称

sudo create-react-app exercise

        这里我报错了npm ERR! this command with --force, or --legacy-peer-deps这个问题。

        解决办法:

                1、cd 项目名称

                2、sudo npm i --legacy-peer-deps

                3、sudo npm i

                4、到这一步,项目应该能正常跑起来,我这里提了一个缺少web-vitals的依赖,如果你也出现同样问题,看下面

                5、sudo npm i web-vitals

第四步  sudo npm run start 启动项目即可

        如果还报错,在访达中,找到文件夹,右击点击显示简介,将只读全部换成读与写,并点击左下角三个点,对里面子项目执行所有操作。

结束  Mac版本创建react项目到此可以正常开发了。 自己遇到了这些问题,希望给大家一点帮助,少走一些弯路。有其他问题,可以留言评论,大家一起解决。 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值