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】
推荐阅读
- Hive常见问题汇总
- 美之初体验—我所感受到的那一点儿
- 注册分销商的骄傲
- react|react 安装
- 如何启动改变
- spring|spring boot项目启动websocket
- Android系统启动之init.rc文件解析过程
- React.js学习笔记(17)|React.js学习笔记(17) Mobx
- React.js的表单(六)
- 【React|【React Native填坑之旅】从源码角度看JavaModule注册及重载陷阱