AppStudio extension for Visual Studio Code

You can use the ArcGIS AppStudio extension for Visual Studio Code instead of Qt Creator. You still use AppStudio to create your apps, but you can edit, upload, and run your AppStudio apps from Visual Studio Code.

The extension works on Windows, macOS, and Linux and requires that you have Visual Studio Code installed. To install, search extensions in Visual Studio Code. Once the ArcGIS AppStudio extension is returned, click Install.

In the Extension panel of Visual Studio Codeyou can do the following:

  • Disable or uninstall the extension.
  • Update the extension.
  • Learn what's new to the extension.

When the extension is activated for the first time, it detects the AppStudio installation automatically on your machine. If necessary, select the AppStudio folder manually by opening the Command Palette (Ctrl+Shift+P), and type Manual Select AppStudio Installation Path to run the command.

AppStudio projects panel

The AppStudio panel in Visual Studio Code lists all open projects and provides access to the same AppStudio tools that are available in Qt Creator: Settings, Upload, Make, and Run. Select a project in this panel to make it active. The same keyboard shortcuts available in Qt Creator can be used in Visual Studio Code with the active project.

Editor preferences in AppStudio

To designate Visual Studio Code as your default editor in AppStudio, complete the following steps:

  1. Start ArcGIS AppStudio and open AppStudio Preferences.
  2. In the Editor section, select Visual Studio Code as the default editor.
  3. Select Browse and select the path to the Visual Studio Code editor.
Note:

The default paths to the Visual Studio Code editor are as follows:

  • Windows: //Users/userName/AppData/Local/Programs/Microsoft VS Code/Code.exe
  • Linux: /usr/share/code/bin/code
  • macOS: /Applications Visual Studio Code.app

When you next select an app to edit, Visual Studio Code will include the files for that app.