react 搭建本地开发环境

1、确保你安装了较新版本的 Node.js。 2、安装

npx create-react-app my-app

3、运行下面命令，浏览器自动打开访问 http://localhost:3000，即安装成功。

cd my-app npm start

开始写一个简单页面吧！

1、删除掉新项目中 src/ 文件夹 “里面” 的所有文件。

2、在 src/ 文件夹中创建一个名为 index.css 的文件。 3、在 src/ 文件夹下创建一个名为 index.js 的文件，例子如下。

import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; const List=[ {title:'早饭',food:'面条'}, {title:'午饭',food:'馅饼'}, {title:'晚饭',food:'火锅'} ] const element = ( <div> <ol> {List.map((item,index) => { return <li key={index}>{item.title}:{item.food}</li> })} </ol> </div> ) ReactDOM.render(element,document.getElementById('root'))

再次执行命令瞅下撒：npm start