https://github.com/facebook/create-react-app
npm i -g create-react-app
cd <your-folder>
create-react-app hello-react
cd hello-react
yarn start 打开 3000 端口网页 相当于确认是否安装成功 【开发环境】
yarn build
yarn global bin 复制粘贴到 path 等于配置 yarn 环境变量
yarn global add serve
serve -s build (git-bash 有问题 建议用cmd使用) 端口 5000【线上环境】
…………………………………………………………………………
react devtools 管理扩展那里开一下 允许访问文件,不需要记因为帮助文档有说。
import Header from './components/header' import Footer from './components/footer' class App extends Component { render() { return ( <div className="container"> <div className="row"> <Header /> </div> <div className="row"> <div className="col-xs-1 col-xs-offset-11"> <h1>Hello !</h1> </div> </div> <div className="row"> <Footer /> </div>
<div className="row">
{ true?"hi":"goodbye" /* 这是一个表达式 */}
</div> </div> ); } }