React搭建本地开发环境

第一步: 确保你安装了较新版本的 Node.js
2789632-46141be4a0740026.png

第二步:创建React App

npx create-react-app my-app
cd my-app
npm start
2789632-e2536c204ab6c2ba.png

2789632-89fb0da8d5812bca.png

此处使用yarn代替npm。


2789632-840954bceea6c6c9.png
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://www.jianshu.com/p/5e3da147afce

猜你喜欢

转载自blog.csdn.net/weixin_33694172/article/details/91067406
今日推荐