React环境搭建

从早上8点多搞到现在(15:03),结果发现是因为我网络太差,所以迟迟没安装好。。先总结下步骤,非常简单,我感觉。。

先放一个我最终看过之后才搞出来的链接:https://blog.csdn.net/E_ISOLATE/article/details/98035974

当然,也参考了很多其它链接,就不一一汇总了,一并感谢,谢谢。也分享下我照着做的步骤。

一、步骤:

1、安装Node.js

打开官网,按系统下载,然后一步步傻瓜式安装。有些文章要配置环境变量啥的,我没配。

2、安装淘宝的cnpm

 我的网速比较慢(这也是导致我一个小时也没安装好一个项目的原因,疯掉),选择使用淘宝的cnpm,同时设置镜像地址

npm install -g cnpm --registry=https://registry.npm.taobao.org

3、安装yarn

cnpm install -g yarn

4、装脚手架工具create-react-app

cnpm install -g create-react-app

5、用脚手架创建项目

create-react-app demo01

我测试的时候没有改变文件夹,就直接在根目录下创建了这个demo01文件夹。

想要修改文件夹路径的话,就用cd命令,然后进到目标路径下再执行此命令,效果一样。

然后当出现图1的画面时,就表明项目文件创建成功啦。项目文件内容如图2所示。

                                                图1  创建项目成功界面

                                              图2  demo01项目文件

6、按照它建议的命令,依次执行cd demo01、yarn start

就会自动打开localhost:3000网页,如图3所示。 

                                                        图3  主页 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值