create-react-app构建的项目使用ts

本文介绍了在项目中采用TypeScript的三种常见方法:通过全局安装并生成tsconfig.json,官方推荐的安装步骤,以及使用create-react-app创建TypeScript项目。详细步骤包括npm命令、文件配置和文件转换。
摘要由CSDN通过智能技术生成

第一种

1.以管理员身份打开cmd,全局下载typescript
npm i -g typescript
2.在项目根目录下使用tsc --init生成tsconfig.json文件;
3.使用 tsc 文件名.ts运行文件,会生成一个同名js文件。

第二种(官方推荐)

1.以管理员身份打开cmd,在项目根目录下输入

npm install --save typescript @types/node @types/react @types/react-dom @types/jest

2.将任意一个js文件的后缀改为tsx,然后重启代码编辑器;
3.在项目根目录下使用tsc --init生成tsconfig.json文件(官方说不用自己动手生成tsconfig.json文件,运行上面的命令后就会有,可是我没有T_T,就手动生成了,亲测没有这个文件,运行 tsc 文件名.ts命令生成的是空的js文件)。

第三种(官方推荐)

直接用create-react-app构建使用ts编写的项目

npx create-react-app 项目名称 --template typescript
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值