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所示。

React环境搭建_第1张图片

                                                图1  创建项目成功界面

React环境搭建_第2张图片

                                              图2  demo01项目文件

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

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

React环境搭建_第3张图片

                                                        图3  主页 

 

 

你可能感兴趣的:(React)