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之初启动 2019-01-22_第1张图片
跑起来了

你可能感兴趣的:(React之初启动 2019-01-22)