美文网首页
React之初启动 2019-01-22

React之初启动 2019-01-22

作者: Yokiijay | 来源:发表于2019-01-22 22:01 被阅读0次

包管理器的选择—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(<App />, document.getElementById('root'))

src/app.js

import React, { Component } from 'react'
import logo from './logo.svg'

class App extends Component {
  render(){
    return(
      <div>我跑起来啦!</div>
    )
  }
}

export default App

此时应该看到浏览器 localhost:3000 跑起来啦

跑起来了

相关文章

网友评论

      本文标题:React之初启动 2019-01-22

      本文链接:https://www.haomeiwen.com/subject/aczrjqtx.html