美文网首页
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