# Manual installation

>This is a [Visual Studio Code](https://code.visualstudio.com/download) extension. It is best installed from the [on-line extensions marketplace](https://marketplace.visualstudio.com/items?itemName=svaberg.vue2-grammar), or from inside VS Code `Preferences/Extensions` and search for `vue2-grammar`.

_Alternatively_, the extension can be built and installed manually as in the next section. This should only be required for developers.

## Build the extension

1. Clone the repository and enter into the folder

    ```bash
    git clone git@git.miqra.nl:pmkuipers/vue2-grammar.git
    cd vue2-grammar
    ```

2. Install the required packages with `npm`

    ```bash
    npm install
    ```

3. Compile with `npm`

    ```bash
    npm run compile
    ```

At this point the extension may be debugged in the Extension Development Host:

```bash
code .
```

followed by the `Run/Start Debugging` dropdown (or the `F5` key). To observe the extension in action, view the file `demo.in`.

To complete the manual installation, follow the remaining steps to manually create and install the package:

## Package and install the extension

4. Create a package using `vsce`

    ```bash
    vsce package
    ```

    This should generate a `vue2-grammar-?.?.?.vsix` file in the current directory.
5. Manually install the extension in VS Code (you may want to replace the wildcards in the version number)

    ```bash
    code --install-extension vue2-grammar-?.?.?.vsix
    ```

To test the installation, open the current folder in VS Code

```bash
code .
```

and view the file `demo.in`.