一、采用create-react-app脚手架初始项目

1、采用脚手架初始化项目

安装create-react-app脚手架

npm install -g create-react-app

使用typescript

// create-react-app ’项目名‘ --typescript 
create-react-app demo --typescript 

初始化成功后可以看到在当前目录下名叫demo的项目
项目结构为

 .
├── README.md
├── node_modules
├── package.json 
├── public
│   ├── favicon.ico
│   ├── index.html
│   ├── logo192.png
│   ├── logo512.png
│   ├── manifest.json
│   └── robots.txt
├── src
│   ├── App.css
│   ├── App.test.tsx
│   ├── App.tsx
│   ├── index.css
│   ├── index.tsx
│   ├── logo.svg
│   ├── react-app-env.d.ts
│   └── serviceWorker.ts
├── tsconfig.json
└── yarn.lock

2、启动

npm start即可启动该项目，命令行可以查看当前启动项目地址默认http://localhost:3000/
可以直接在浏览器查看http://localhost:3000/ 如下