Skip to main content

Running Atlantis Front End in Visual Studio Code (VS Code)

Most of our engineers have run into issues when running Atlantis Front End locally. Some cannot even get the project to run, others experience extreme slowness, and others have tons of new files (.js and .map.js files) added all over the place and it's annoying to delete them all. Because of this, most are running Atlantis Front End w/ Visual Studio Code but it doesn't work out of the box.

One alternative approach is to continue to run w/ Visual Studio, but do all your coding in VS Code.

To run in VS Code take the following steps

  1. In the Atlantis-FrontEnd\.vscode folder in the repo, replace the launch.json, settings.json, and tasks.json files with the ones downloaded from here (you need to be a user on The Dev Team account in Rubex in order to access)
  2. Install the following extensions (not all are required, but all are helpful)
    • .NET Install Tool
    • C#
    • C# Dev Kit
    • GitHub Copilot
    • GitHub Copilot Chat
    • IntelliCode
    • IntelliCode API Usage Examples
    • TypeScript React Code Snippets
    • VisualStudio Keymap (if you would like Visual Studio keyboard shortcuts)
  3. Add the following to your System Environment Variables. The values for them can be found in Last Pass under the note named Service Principal for Local Development
    • AZURE_CLIENT_ID
    • AZURE_TENANT_ID
    • AZURE_CLIENT_SECRET

I don't know if this is required or not, but I couldn't get the environment variables to be recognized until after I did a reboot

Back to top