要在 VS Code 中开发安卓 App,首先需要配置好开发环境。本文将对如何配置 VS Code 开发安卓 App 进行详细介绍。
## 1. 安装 Java
Java 是 Android 开发的必备工具,VS Code 安装 Java 可以通过 Java Extension Pack 插件安装。首先打开 VS Code,搜索 Java Extension Pack 插件并点击安装。
安装完成后,打开终端(Ctrl + Shift + `)输入以下命令验证 Java 是否安装成功:
```shell
java -version
```
如果出现版本信息,说明 Java 安装成功。
## 2. 安装 Android Studio
Android Studio 是我们的开发环境及构建工具。同样地,在 VS Code 中使用 Android Studio 也需要安装插件。搜索 Android Studio Extension 插件并点击安装。
安装完成后,打开 VS Code 编辑器,在菜单栏选择“File” —> “New Folder” 创建一个新的文件夹,输入文件夹名称。
对新建的文件夹进行右键点击,选择 “Open in Terminal” 打开终端。
在终端中输入以下命令,下载 Android SDK:
```shell
brew install android-sdk
```
Android SDK 将下载到本地的 `/usr/local/share/android-sdk` 目录下。
接下来,在命令行模式下输入以下命令,配置 Android 环境变量:
```shell
vim ~/.bash_profile
```
在打开的 `bash_profile` 文件尾部添加以下配置信息:
```shell
export ANDROID_HOME=/usr/local/share/android-sdk
export PATH=$ANDROID_HOME/tools:$PATH
export PATH=$ANDROID_HOME/platform-tools:$PATH
export PATH=$ANDROID_HOME/build-tools/28.0.3:$PATH
```
保存修改后,从命令行运行以下命令重载环境变量:
```shell
source ~/.bash_profile
```
## 3. 创建 Android App 项目
在 VS Code 编辑器的侧边栏中,点击“Explorer”图标,右键单击刚刚创建的文件夹,然后选择“Open in Terminal”打开终端。
在终端上输入以下命令,创建新项目:
```shell
npx react-native init MyApp --template react-native-template-typescript
```
MyApp 是您希望在 VS Code 中开发的 App 的名称,可以按照实际情况进行更改。运行命令后,你会看到一个新项目已经创建完成。
切换到 MyApp 目录下,并运行以下命令来启动开发服务器:
```shell
cd MyApp
npm start
```
在启动开发服务器之前,需要确保你的 Android 模拟器已经启动。在终端中输入以下命令,检查你的 Android 模拟器是否已经启动:
```shell
adb devices
```
如果看到你的设备 ID 则说明你的模拟器已经启动。如果没有看到设备 ID,那么需要启动模拟器。
## 4. 运行 App
在启动开发服务器之后,我们可以通过运行以下命令启动我们的 App:
```shell
npx react-native run-android
```
运行该命令后,终端将开始构建您的应用程序。构建完成后,应在 Android 模拟器中看到您的应用程序正在运行。
## 5. 结语
以上就是在 VS Code 中开发安卓 App 的配置方法,希望对你有所帮助。一定要按照顺序一步一步进行,确保每个步骤正确无误。如有问题,可以参考 React Native 官方文档或是在社区中咨询。