React系列之使用create-react-app快速搭建react项目

闲暇之余不忘学习，提升自己 ，知识在于积累，更是一笔财富。

看完文章，感谢各位支持一下呗！

实现步骤

1. 使用create-react-app生成项目 npx create-react-app my-project

2. 进入根目录 cd my-project

3. 启动项目 yarn start

4. 调整项目目录结构

/src
  /assets         项目资源文件，比如，图片 等
  /components     通用组件
  /pages          页面
  /store          mobx 状态仓库
  /utils          工具，比如，token、axios 的封装等
  App.js          根组件
  index.css       全局样式
  index.js        项目入口

保留核心代码

src/index.js

import React from 'react'
import ReactDOM from 'react-dom'
import App from './App'

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
)

 

src/App.js

export default function App() {
  return <div>根组件</div>
}