一. 安装 JDK 并配置环境变量
二. 安装 Android Studio
-
步骤:根据 https://reactnative.cn/docs/getting-started.html 安装 Android Studio
-
注意事项:
(1)Install HAXM 的安装路径为D:\Users\user\AppData\Local\Sdk\extras\intel\Hardware_Accelerated_Execution_M
anager,点击intelhaxm-android.exe进行安装。如果出现以下错误:
则需要打开电脑的BIOS设置,将 Virtualzation Technology for Directed I/O(VTd) 选中,再次进行安装。
(2)配置环境变量
ANDROID_HOME D:\User\user\AppData\Local\Android\Sdk %ANDROID_HOME%\tools %ANDROID_HOME%\platform-tools
三. 在VSCode中搭建项目
-
将项目fork 到自己码云的origin中。
-
从远程仓库复制项目地址,可以是https形式的,也可以是ssh形式的。为了每次PULL时不用反复输入账号密码时,可以配置密钥(https://www.jianshu.com/p/be7e4eb50f2f ),并选择ssh复制地址。
-
在工作目录打开git bash,输入:git clone 你项目的地址
-
在 VSCode 中集成 git bash, 点击 文件 ->首选项->设置->用户设置,加入以下代码:
D:\Program Files\Git\bin\bash.exe 为 git bash的路径,解决了“ 运行时 bash 不是内部或外部命令,也不是可运行的程序 “的问题。
{ "terminal.integrated.shellArgs.windows": ["-l", "-i"], "terminal.integrated.shell.windows": "D:\\Program Files\\Git\\bin\\bash.exe", "gitlens.advanced.messages": { "suppressShowKeyBindingsNotice": true } }
-
打开 VSCode 终端(CTRL+`)
安装依赖:
yarn npm install -g yarn react-native-cli yarn config set registry https://registry.npm.taobao.org --global yarn config set disturl https://npm.taobao.org/dist --global
运行:
react-native run-android npm start
注意事项:如果在 npm start 时出现 npm ERR 错误,则可能是 yarn 安装过程中出现了问题,此时需要重新安装 yarn。
rm node_modules/ -rf yarn
成功后,重新运行。