Creating an app with VS Code

Note

Make sure to setup your environment by following our instructions.

Create the App

Creating an Uno Platform project is done using dotnet new and the Uno Platform Live Wizard by following these steps:

  1. Open a browser and navigate to the online Live Wizard

  2. Configure your new project by providing a project name, then click Start

    A screen showing how to choose a solution name

  3. Choose a template to build your application

    A screen showing how to choose template for the new app

    Tip

    For a detailed overview of the Uno Platform project wizard and all its options, see the Wizard guide.

  4. Click the Create button on the top right corner, then click the Copy button

    A screen showing the dotnet new command to create the new app

  5. In your terminal, navigate to the folder that will contain your new app.

  6. Create a new project by pasting and executing the command that was previously generated in the Live Wizard.

Important

Apple targets cannot be built under Linux. If you are using Linux, you'll need to remove iOS and Catalyst from the platforms list.

Next, open the project using Visual Studio Code:

  • In the terminal type the following:

    code ./MyApp
    
  • Visual Studio Code might ask to restore the NuGet packages. Allow it to restore them if asked.

  • Once the project has been loaded, in the status bar at the bottom left of VS Code, MyApp.sln is selected by default. Select MyApp.Wasm.csproj, MyApp.Skia.Gtk.csproj or MyApp.Mobile.csproj instead.

Debug the App

Uno Platform provides integrated support for debugging your app on Windows, mac and Linux.

  1. In the debugger section of the activity bar select Debug (Chrome, WebAssembly)
  2. In the status bar, ensure the MyApp.Wasm.csproj project is selected - by default MyApp.sln is selected.
  3. Press F5 to start the debugging session

You're all set!

You can also find additional VS Code topics, such as using snippets, updating existing apps to use VS Code

Next Steps

Now that you're Created and Debug the App.

Learn more about: