In this section, we describe the way of initializing a new SPA project in Vue.

Using the correct dependencies

‼️ If you’ve already followed the steps below and created your micro frontend, you need to use certain libraries’ version to get your micro front to work correctly.

To do so, please follow the link just down below.

Avoid Webpack errors

Getting started

We initialize the SPA project in Vue by running the following command.

npx create-single-spa --framework vue

You'll be prompted to select the new directory name for the project. As you select it, type in masivapp as the organization name.

Now it's time to select the project features as follows:

• Babel

• PWA support

• Router

• Unit testing

• Vuex

• CSS pre-processors

• Linter / Formatter

Also, please make sure to abide by the following

ℹ️ Use Vue 2 version. It helps ensure our team's technical transversality.

• Lint on save
• Place config in dedicated config files

We recommend you save this preset for future frontend SPA projects.

Installing dependencies

Before you start, please make sure you’ve followed:

Adding token to connect to Azure Artifacts

You'll need to install and set up the needed dependencies starting with our base libraries in the following order.

1. System: refer to the System Installation and usage Oasis System guide.
2. Language: refer to the Language Oasis Language usage guide.