搭建Typescript+React项目模板(1) --- 项目

搭建项目

利用react官方提供的 create-react-app创建react+typescript的项目

npx create-react-app new-web --typescript

项目结构

生成的项目结构如下：

1ad8cca1ef43dbb8677b6c0df64afd7.png

在开发app的过程中，我们只需关心src目录下的文件即可。

其中 src/index.js 是app的入口文件。

运行项目

$ cd new-web
$ npm start

运行成功显示如下：

image.png
浏览器访问:http://localhost:3000