React脚手架入门

React脚手架搭建

安装node和npm
node官网下载：Node.js 中文网
安装node后npm自动下载

全局安装create-react-app

npm install -g create-react-app

创建项目
create-react-app 项目名称
这里我创建的项目名称为demo

create-react-app demo

项目截图

其中App.js是项目的初始组件

项目运行

cd demo
npm start

运行截图

更改页面
可以在App.js中进行更改

//App.js
import React from 'react';

class App extends React.Component {
	constructor(props) {
		super(props);
		this.state = {}
	}
	render() {
		return(
			<div className='App'>
				hello world
			</div>
		)
	}
}
export default App;

运行截图