React之初启动|React之初启动 2019-01-22

包管理器的选择—Yarn代替npm

yarn中文网 https://www.yarnpkg.com/zh-Hans/
1. npm 安装 yarn npm -g install yarn
2. yarn 全局安装 create-react-app yarn global add create-react-app
3. create-react-app创建项目 create-react-app demo1
src/index.js
  • 把目录梳理一下
  • 注意把 ; 符号都清掉,es6单行结束绝大部分情况不需要;
import React from 'react' import ReactDOM from 'react-dom' import App from './App'ReactDOM.render(, document.getElementById('root'))

src/app.js
import React, { Component } from 'react' import logo from './logo.svg'class App extends Component { render(){ return( 我跑起来啦! ) } }export default App

此时应该看到浏览器 localhost:3000 跑起来啦
React之初启动|React之初启动 2019-01-22
文章图片
跑起来了 【React之初启动|React之初启动 2019-01-22】

    推荐阅读