Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Expo ToolsNew to Visual Studio Code? Get it now.

Expo Tools

Cedric van Putten

|
106,845 installs
| (7) | Free
Expo for vscode keeps you productive with intellisense and prebuild previews
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Expo for vscode
Expo for vscode

Latest release Workflow status Install from vscode marketplace Install from open vsx

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

Expo config IntelliSense example

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.

with ❤️  byCedric
  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft