创建 create-react-app

创建项目

npm install create-react-app -g
// 如果很久之前安装过，建议卸载重新安装
npm uninstall -g create-react-app
// js 项目
create-react-app my-app
// ts 项目
create-react-app my-app --template typescript
cd my-app
npm start

js 项目文件目录

├── package.json
├── public                  # 这个是webpack的配置的静态目录
│   ├── favicon.ico
│   ├── index.html          # 默认是单页面应用，这个是最终的html的基础模板
│   └── manifest.json
├── src
│   ├── App.css             # App根组件的css
│   ├── App.js              # App组件代码
│   ├── App.test.js
│   ├── index.css           # 启动文件样式
│   ├── index.js            # 启动的文件（开始执行的入口）！！！！
│   ├── logo.svg
│   └── serviceWorker.js
└── yarn.lock