使用TypeScript开发React Native的相关应用。(自定义开发)

本文介绍如何利用TypeScript开发React Native应用,首先讲解了TypeScript的基础,然后详细阐述了从创建React Native项目到配置TypeScript,包括安装依赖、配置tsconfig.json、tslint.json以及设置项目文件结构的过程,最后指导如何运行和测试应用。
摘要由CSDN通过智能技术生成

TypeScript又叫做TSC是一个开源性的编译器,可以通过它去开发很多的应用,并且它可以扩展其他很多的开发语言。许多Linux系统上的开发人员去用它开发应用。那么今天我们就使用TypeScript来开发一个简单的React Native应用。 React Native是一个移动开发框架,它可以跨平台使用包括IOS系统的原生应用。假如说你喜欢Linux系统,又喜欢开发,那么我觉得你应该使用TypeScript。

创建一个示例RN应用程序,从Expo的create-react-native-app(CRNA)开始,并将其配置为使用Typescript开发我们的RN代码。 1.使用CRNA创建React Native项目

$ yarn global add create-react-native-app
打开终端,并cd选择您的工作文件夹。运行以下命令以创建新的React Native项目:

create-react-native-app CRNAExpoTSExample
在此命令中,CRNA将为您构建一个非常基本但可立即运行的React Native应用程序。一旦应用程序创建,cd以创建应用程序的项目文件夹,并确保通过CRNA脚手架基本初始应用程序正在工作。

添加Typescript

安装依赖项

yarn add typescript tslint -D
yarn add @types/react @types/react-native @types/react-dom -D
我们还需要rimraf和concurrently清理ts-transpiled-to-js文件的输出文件夹并同时运行npm脚本

yarn add concurrently rimraf -D
配置
tsc --init
tsconfig.json

在代码编辑器中打开项目并更新tsconfig.json为以下内容:

{
“compilerOptions”: {
“module”:“es2015”,
“target”: “es2015”,
“jsx”: “react”,
“rootDir”: “src”,
“outDir”: “build”,
“allowSyntheticDefaultImports”: true,
“noImplicitAny”:

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值