【新手向】我是如何快速创建 React +TypeScript 项目

使用 Create React App

Create React App 是一个用于学习 React 的舒适环境，也是用 React 创建新的单页应用的最佳方式。

React 官网：Create React App

那么，如果我们要创建一个名为 react_ts_demo 的 React +TypeScript 项目将采用如下命令：

npx create-react-app react_ts_demo  --template typescript

注意
第一行的 npx 不是拼写错误 —— 它是 npm 5.2+ 附带的 package 运行工具。
create-react-app 有命名规范，不能够包含大写字母

回车之后，就会自动为我们搭建项目啦，会有下图所示的进度条：

如果安装成功，会有如下页面提示：

接下来，执行下面代码，将我们刚刚搭建的项目跑起来：

cd react_ts_demo
yarn start

启动之后，就来到了我们最熟悉的界面了~

目录结构解读

因为面向初学者来说的话，许多目录结构都不是很清楚（比如说当初的我），因此在这里对于目录结构进行一下解读，目录结构如下图所示：

node_modules ---------- 依赖包文件
public ---------- 不参与打包、包含项目静态文件
	index.html ---------- 静态文件入口
	manifest.json ---------- 配置 PWA
	robots.txt ---------- 配置爬虫相关，是否可以爬取项目的某些页面
src ---------- 源代码、参与打包工具打包的文件夹
	App.tsx ---------- 描述 App 本身
	index.tsx ---------- 入口文件、做一些准备工作
	react-app-env.d.ts ---------- 引入预定义的 typescript 类型（可通过 ctrl +