Expo for vscode

IntelliSense  —  Preview prebuild  —  Preview manifest  —  Changelog  —  Contribute

Expo for vscode adds suggestions and docs for all Expo config. It also shows live previews for native files from prebuild, right in your editor!

IntelliSense for Expo configs

Get suggestions and docs where you need them the most.

• EAS Build / Submit / Update → eas.json
• EAS Metadata → store.config.json
• Expo Manifest → app.json
• Expo Modules → expo-module.config.json

Live preview for native files

See how your changes in app.json or app.config.js would affect the native files created by npx expo prebuild. The previews are generated whenever you save the app manifest and won't affect existing files.

Open app.json or app.config.js and run the Expo: Preview Modifier command.

Supported Android files

• AndroidManifest.xml → App manifest with settings for build tools, Android, and Google Play.
• gradle.properties → Configuration for the Grdle build toolkit itself.
• colors.xml → Color resources defining the color and opacity.
• strings.xml → String resources defining string content, styling, and formatting.
• styles.xml → Style resources defining the format and look for a UI element.

Supported iOS files

• Info.plist → Property list with core config for the app.
• [name].entitlements → Property list enabling permission to use services.
• Expo.plist → Supporting property list with config for Expo.
• Podfile.properties.json → JSON file with install or build config.

Live preview for manifest

Preview the generated manifests for your app. You can do this for the different config types listed below.

Open app.json or app.config.js and run the Expo: Preview Config command.

• prebuild - The local app manifest when running npx expo prebuild.
• introspect - The evaluated app manifest result when running npx expo prebuild.
• public - The hosted manifest when using OTA updates.