---
title: "Installation"
framework: vue
version: "2.1.2"
---

# Installation

AG Studio is available for download from NPM. Once installed, you need to import the package and optionally register the AI module.

## Installation

Install the `ag-studio-vue3` package, which also installs `ag-studio`:

```bash
npm install ag-studio-vue3
```

> **Note**
>
> You can test AG Studio locally without a licence. To test in production, access support, and remove the watermark and console warnings, [Request a Trial Licence](https://www.ag-grid.com/studio/license-pricing/?tab=trial).

> **Note**
>
> `ag-studio-vue3` and `ag-studio` versions must be identical to ensure that all features work correctly. [Matching AG Grid and AG Charts Versions](https://www.ag-grid.com/studio/vue/compatibility#ag-grid-and-ag-charts-compatibility) are also required.

In order to access [AI Features](https://www.ag-grid.com/studio/vue/ai/), register the `AgStudioAiModule`:

```js
import { AgStudioAiModule, AgStudioModuleRegistry } from 'ag-studio';

// Register AI features
AgStudioModuleRegistry.registerModules([AgStudioAiModule]);
```

It is also possible to register the AI module directly to an instance of Studio:

```ts
<ag-studio
    :modules="modules"
    /* other studio properties ... */>
</ag-studio>

this.modules = [AgStudioAiModule];
```

## Importing

Import the `AgStudio` component from the `ag-studio-vue3` package:

```js
import { AgStudio } from "ag-studio-vue3";
```