博客 > 软件开发 > 桌面&移动开发 > React Native
# 从零开始建立带 TypeScript 的 React Native 项目(自用) > 前置条件: - 趁手的IDE(如 IntelliJ IDEA / Vscode),经测试 Android Studio 不是一个能写RN的IDE(不支持JS语法分析) - iOS开发必须环境:Xcode、CocoaPods - Android开发必须环境:Android SDK。环境变量配置:ANDROID_HOME为SDK路径、ANDROID_SDK_ROOT为SDK路径、PATH添加platform-tools - 如果想简化安卓模拟器使用和安卓SDK的维护,可以安装 Android Studio。注意 IntelliJ IDEA 的插件库直接就有安卓开发插件,因此无需额外安装 Android Studio。 参照官方文档,执行以下命令: ```shell npx react-native init <你的项目名> --template react-native-template-typescript ``` 项目生成完毕后,修改`.eslintrc.js`,屏蔽prettier,忽略一些无关紧要的报错,但是强制要求正确缩进: ```js module.exports = { root: true, extends: '@react-native-community', rules: { 'prettier/prettier': 0, 'react-native/no-inline-styles': 0, 'indent': ['error', 2, { 'SwitchCase': 1, }], 'no-unreachable': 1, '@typescript-eslint/no-unused-vars': 0, 'curly': 0, }, }; ``` 修改`tsconfig.js`,添加几个开发友好的重要配置: ```js { "compilerOptions": { "noImplicitAny": false, "noUnusedVars": false, "noUnusedLocals": false, "noUnusedParameters": false, } } ``` 修改`android/build.gradle`,把repositories换源(注意换掉所有匹配项): ```gradle maven { url 'https://maven.aliyun.com/repository/public' } maven { url 'https://maven.aliyun.com/repository/google' } // google() // jcenter() ``` 终端进入`ios`目录,执行以下命令: ```shell pod install ``` 项目本体初始化到此结束。 --- PS: IntelliJ IDEA 本身提供一套安卓开发环境,有显示系统日志、维护资源文件、在IDE内嵌入模拟器窗口等功能。但是RN项目默认不会触发安卓项目结构的识别,因此需要在IJ中特殊配置一下项目结构,才能享受到安卓开发的种种便利。具体做法是:文件——项目结构——模块——导入现有模块——选择本工程的android目录进一步导入。出现奇奇怪怪的问题不要慌,可能重启IDE或者重新加载项目就好了。