第一步: 确保你安装了较新版本的 Node.js。
![2789632-46141be4a0740026.png](https://upload-images.jianshu.io/upload_images/2789632-46141be4a0740026.png)
第二步:创建React App
npx create-react-app my-app
cd my-app
npm start
![2789632-e2536c204ab6c2ba.png](https://upload-images.jianshu.io/upload_images/2789632-e2536c204ab6c2ba.png)
![2789632-89fb0da8d5812bca.png](https://upload-images.jianshu.io/upload_images/2789632-89fb0da8d5812bca.png)
此处使用yarn代替npm。
![2789632-840954bceea6c6c9.png](https://upload-images.jianshu.io/upload_images/2789632-840954bceea6c6c9.png)
![2789632-26b75a637bd9489a.png](https://upload-images.jianshu.io/upload_images/2789632-26b75a637bd9489a.png)
此时运行的界面貌似不是我们想要的。
第三步:删除掉新项目中 src/ 文件夹下的所有文件。
第四步: src/
文件夹中创建一个名为 index.css
的文件,并拷贝这些 CSS 代码。
第五步: 在 src/
文件夹下创建一个名为 index.js
的文件,并拷贝这些 JS 代码。
第六步: 拷贝以下三行代码到 src/
文件夹下的 index.js
文件的顶部:
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
第七步:启动
yarn start
![2789632-259bc686004b20db.png](https://upload-images.jianshu.io/upload_images/2789632-259bc686004b20db.png)
转载于:https://www.jianshu.com/p/5e3da147afce