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”: