To work with Vue.js in Gitpod, you will need to properly configure your repository. Here is how to do it.

Example Repositories

Here are a few Vue.js example projects that are already automated with Gitpod:

RepositoryDescriptionTry it
vuepressMinimalistic Vue-powered static site generator
nuxtNuxt

Vue-CLI

To get started with a Vue project you can run their create cli. Refer to the Vue.js docs for a more detailed quick start.

npm npm create vue@latest

VS Code Extensions

Volar

Vue Language Features (Volar) is a language support extension built for Vue, Vitepress and petite-vue.

To add this extension to your repository add the following to your .gitpod.yml

vscode:
    extensions:
        - vue.volar

For projects that already have a .gitpod.yml, you can skip the first part and just add the provided snippet.