TypeScript 19 在React中使用 TS(搭建脚手架)

627 阅读1分钟

1 . 概述

在 React 中使用 TS 包括以下内容 :

0440.png

2 . 用 react 脚手架创建基于 TS 的 react项目

  1. 直接创建

终端输入命令 npx create-react-app 文件名 --template typescript

  1. 在已有项目(JS)中使用 TS 在create-react-app官方文档中有具体说明

3 . TS 配置文件 tsconfig . json 的说明

0441.png

注意 : 除了在 tsconfig . json 文件中更改使用编译配置外 ,也可通过终端命令来使用。

  • tsc 后带有文件名 ,如 tsc hello . ts 时将忽略 tsconfig . json 文件, 此时要更改配置 ,只能在命令后面进行更改 。如下 :

0442.png

  • tsc 后面不带文件名 ,如 tsc ,才会启用 tsconfig . json 配置文件。