初学react（一）：起步，安装脚手架

起步，安装脚手架：

# 官方给的方法，有时候网速还是挺好的，有时候比较慢
npx create-react-app my-app
cd my-app
npm start

用淘宝镜像（如果安装过就不需要了）

# 安装淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org

# 使用淘宝镜像全局安装react
cnpm install -g create-react-app
# 创建react项目目录
create-react-app myApp

scr目录介绍：

index.js 入口js文件

app.js 是组件

app.css 组件样式

index.css 全局样式

import React from 'react';
import logo from './logo.svg';
import './App.css';
// 继承了react.Component 里面就的有render
// jsx语法里有且只能有一个根容器
class App extends React.Component {
  render() {
    return (
      <div className="App">
        <header className="App-header">
          <img src={logo} className="App-logo" alt="logo" />
          <p>
            Edit <code>src/App.js</code> and save to reload.
        </p>
          <a
            className="App-link"
            href="https://reactjs.org"
            target="_blank"
            rel="noopener noreferrer"
          >
            Learn React
        </a>
        </header>
      </div>
    );
  }
}
export default  App;
// 输出app 这个类， 在index.js里接受，并渲染给id为root的原生标签