https://github.com/expo/vscode-expo

Expo Tools keep you productive with debugging, IntelliSense, and prebuild previews
https://github.com/expo/vscode-expo

config debug expo intellisense prebuild react-native vscode

Last synced: 5 days ago
JSON representation

Expo Tools keep you productive with debugging, IntelliSense, and prebuild previews

• Host: GitHub
• URL: https://github.com/expo/vscode-expo
• Owner: expo
• License: mit
• Created: 2020-05-03T20:18:48.000Z (almost 5 years ago)
• Default Branch: main
• Last Pushed: 2024-05-10T07:03:10.000Z (9 months ago)
• Last Synced: 2024-05-10T08:26:22.759Z (9 months ago)
• Topics: config, debug, expo, intellisense, prebuild, react-native, vscode
• Language: TypeScript
• Homepage: https://marketplace.visualstudio.com/items?itemName=expo.vscode-expo-tools
• Size: 8.99 MB
• Stars: 383
• Watchers: 5
• Forks: 11
• Open Issues: 15
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE.md

Awesome Lists containing this project

• awesome - expo/vscode-expo - Expo Tools keep you productive with debugging, IntelliSense, and prebuild previews (TypeScript)

README

        


  

    

  

  


  Expo Tools





  

    

  

  

    

  

  

    

  

  

    

  





  IntelliSense  — 

  Debug apps  — 

  Preview prebuild  — 

  Preview manifest  — 

  Changelog  — 

  Contribute






Expo Tools 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`](https://docs.expo.dev/build-reference/eas-json/)

- EAS Metadata → [`store.config.json`](https://docs.expo.dev/eas-metadata/introduction/)

- Expo Manifest → [`app.json`](https://docs.expo.dev/versions/latest/config/app/)

- Expo Modules → [`expo-module.config.json`](https://docs.expo.dev/modules/overview/)










## Debug Expo apps

Debug your app, without leaving your editor. The built-in `expo` debugger can connect directly to your simulator or phone, giving you complete insights into what your app is doing.

- `Expo: Debug ...` → Start debugging with the default settings, with just a single command.

- **.vscode/launch.json** → Fully configure the `expo` debugger through [VS Code launch scripts](https://code.visualstudio.com/docs/editor/debugging).




## 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`](https://docs.expo.dev/workflow/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`](https://developer.android.com/guide/topics/manifest/manifest-intro) → App manifest with settings for build tools, Android, and Google Play.

- [`gradle.properties`](https://developer.android.com/studio/build#properties-files) → Configuration for the Grdle build toolkit itself.

- [`colors.xml`](https://developer.android.com/guide/topics/resources/more-resources#Color) → Color resources defining the color and opacity.

- [`strings.xml`](https://developer.android.com/guide/topics/resources/string-resource) → String resources defining string content, styling, and formatting.

- [`styles.xml`](https://developer.android.com/guide/topics/resources/style-resource) → Style resources defining the format and look for a UI element.

### Supported iOS files

- [`Info.plist`](https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/AboutInformationPropertyListFiles.html) → Property list with core config for the app.

- [`[name].entitlements`](https://docs.expo.dev/build-reference/ios-capabilities/#entitlements) → Property list enabling permission to use services.

- [`Expo.plist`](https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/AboutInformationPropertyListFiles.html) → Supporting property list with config for Expo.

- [`Podfile.properties.json`](https://github.com/expo/fyi/blob/main/hermes-ios-config.md#create-iospodfilepropertiesjson) → 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 Expo Updates.



  


  with ❤️  byCedric