如何仅使用Visual Studio Code创建并构建Android应用？

第一步：获取独立Android SDK #

不用安装Android Studio，直接通过Google的命令行工具获取SDK：

• 下载对应操作系统的Command Line Tools，解压到自定义目录（比如~/android-sdk或C:\android-sdk）
• 配置环境变量：
  • 设置ANDROID_HOME为SDK根目录路径
  • 将$ANDROID_HOME/cmdline-tools/latest/bin（Linux/macOS）或%ANDROID_HOME%\cmdline-tools\latest\bin（Windows）添加到系统PATH
• 执行命令安装核心组件：

  sdkmanager "platform-tools" "platforms;android-34" "build-tools;34.0.0"
  

  可根据需求替换android-34（SDK版本）和34.0.0（构建工具版本）

第二步：选择开发框架（基于现有环境） #

方案1：React Native（原生跨平台，适配Node.js环境） #

• 安装React Native CLI：

  npm install -g react-native-cli
  

• 创建新项目：

  react-native init MyAndroidApp
  cd MyAndroidApp
  

方案2：Capacitor（Web转原生，适合前端开发者） #

• 创建基础Web项目（以Vite为例）：

  npm create vite@latest MyWebApp -- --template vanilla
  cd MyWebApp
  npm install
  

• 安装Capacitor及Android插件：

  npm install @capacitor/core @capacitor/cli @capacitor/android
  npx cap init
  

第三步：VS Code配置与项目设置 #

• 安装VS Code必备插件：
  • React Native开发选React Native Tools（提供代码补全、调试支持）
  • Capacitor/Web开发选ESLint、Prettier等常用前端插件
• 配置Android SDK路径：
  • React Native项目：在根目录新建local.properties文件，写入：

    # Linux/macOS
    sdk.dir=/home/yourname/android-sdk
    # Windows
    sdk.dir=C:\\android-sdk
    

  • Capacitor项目：同步时会自动读取ANDROID_HOME环境变量，无需额外配置

第四步：构建并运行应用 #

React Native项目 #

• 启动Metro打包服务（新开终端）：

  npx react-native start
  

• 构建并安装到设备（另一终端）：

  npx react-native run-android
  

  支持真机（开启USB调试）或模拟器（需通过avdmanager命令创建，无需Android Studio）

Capacitor项目 #

• 构建Web资源：

  npm run build
  

• 同步到Android项目并构建：

  npx cap sync
  cd android
  # Linux/macOS
  ./gradlew assembleDebug
  # Windows
  gradlew.bat assembleDebug
  

  生成的调试APK位于android/app/build/outputs/apk/debug/app-debug.apk

关键注意事项 #

• 确保Java版本兼容：Android SDK 34及以上要求Java 17，需将JAVA_HOME指向对应版本的JDK
• 若需创建模拟器，可通过avdmanager命令完成，比如：

  avdmanager create avd -n MyEmulator -k "system-images;android-34;google_apis;x86_64"
  

内容的提问来源于stack exchange，提问作者WOWOW