> ## Documentation Index
> Fetch the complete documentation index at: https://ona.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Vue.js in Gitpod

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:

<div className="overflow-x-auto">
  | Repository                                    | Description                                    | Try it                                                                                                                 |
  | --------------------------------------------- | ---------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------- |
  | [vuepress](https://github.com/vuejs/vuepress) | Minimalistic Vue-powered static site generator | [![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/vuejs/vuepress) |
  | [nuxt](https://github.com/nuxt/nuxt/)         | Nuxt                                           | [![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/nuxt/nuxt)      |
</div>

## Vue-CLI

To get started with a Vue project you can run their create cli. Refer to the [Vue.js docs](https://vuejs.org/guide/quick-start.html) for a more detailed quick start.

```bash theme={null}
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](/classic/user/references/gitpod-yml)

```yml theme={null}
vscode:
    extensions:
        - vue.volar
```

For projects that already have a [.gitpod.yml](/classic/user/references/gitpod-yml), you can skip the first part and just add the provided snippet.