---
title: "Walkthrough: Getting started with JSS for Vue.js"
slug: "walkthrough--getting-started-with-jss-for-vue-js"
abstract: "How to create and run an application with JSS for Vue.js."
---
# Walkthrough: Getting started with JSS for Vue.js

This walkthrough describes how to get started with your first JSS Vue.js application.

Before you can create and run an application with JSS for Vue.js, you must first:

- Familiarize yourself with the available [application modes](https://doc.sitecore.com/xp/en/developers/hd/23/sitecore-headless-development/application-modes.html "Application modes") for JavaScript apps built with JSS.
- Install the [JSS CLI](https://doc.sitecore.com/xp/en/developers/hd/23/sitecore-headless-development/install-the-jss-cli-globally.html "Install the JSS CLI globally").

This walkthrough describes how to:

- Create the application.
- Run the application.

<details>
<summary><h2>Create the application</h2></summary>

To create an application with JSS for Vue.js:

- Run the following command:

    ```text
    npx create-sitecore-jss@ver<version-number> vue [--appName <your-app-name> --fetchWith [REST | GraphQL]]
    ```

    Replace `<version-number>` with the version you wish to use. For example, `21`.

    > [!note]
    > If choosing GraphQL, your application must be [connected to Sitecore](https://doc.sitecore.com/xp/en/developers/hd/23/sitecore-headless-development/walkthrough--connecting-a-jss-application-to-sitecore.html "Walkthrough: Connecting a JSS application to Sitecore"). GraphQL requests are not supported in [disconnected mode](https://doc.sitecore.com/xp/en/developers/hd/23/sitecore-headless-development/start-a-jss-app-in-disconnected-mode.html "Start a JSS app in disconnected mode").

</details>

<details>
<summary><h2>Run the application</h2></summary>

To start your application, run one of the following scripts in a terminal, depending on your chosen development workflow:

> [!note]
> You can find script definitions in the `package.json` file of your new JSS Vue.js application.

- If you do not have a Sitecore instance available, [start the application in disconnected mode](https://doc.sitecore.com/xp/en/developers/hd/23/sitecore-headless-development/start-a-jss-app-in-disconnected-mode.html "Start a JSS app in disconnected mode"):

    ```text
    jss start
    ```

- If you have a Sitecore instance and want to develop against it, [connect the application to the instance](https://doc.sitecore.com/xp/en/developers/hd/23/sitecore-headless-development/walkthrough--connecting-a-jss-application-to-sitecore.html "Walkthrough: Connecting a JSS application to Sitecore") and start the application in [connected mode](https://doc.sitecore.com/xp/en/developers/hd/23/sitecore-headless-development/start-a-jss-app-in-connected-mode.html "Start a JSS app in connected mode"):

    ```text
    jss start:connected
    ```

</details>