# Supra Move VS Code Extension

Welcome to the official documentation for the **Supra Move VS Code Extension**, a comprehensive developer tool designed to streamline development on the Supra MoveVM.

## Quick Installation

{% tabs %}
{% tab title=" Via Extensions Activity Bar" %}

1. Open VS Code
2. Navigate to the **Extensions view** (click the Extensions icon in the Activity Bar)
3. Search for **"Supra Move"**
4. Click **Install** on the official Supra extension
   {% endtab %}

{% tab title="Via VS Code Marketplace" %}
Visit the [VS Code Marketplace](https://marketplace.visualstudio.com/items/?itemName=Supra.supramove) and click **"Install"** to automatically open VS Code Desktop Application and install it.
{% endtab %}
{% endtabs %}

{% hint style="info" %}
After installation, look for the **Supra logo** in your VS Code tray to access In-built explorer features!
{% endhint %}

***

## Getting Started

### **IntelliSense** and **Syntax Highlighting**

{% stepper %}
{% step %}

#### Create or Open a Move File

Create a new `.move` file or open an existing one in your workspace.

{% hint style="info" %}
**Verify that VS Code sets the file's language to "move" (check the bottom-right corner of the window)**
{% endhint %}
{% endstep %}

{% step %}

#### Start Coding

Begin typing Move code. Try this sample module to see the extension in action:

```
module your_addre::hellomessage {

    use supra_framework::  // IntelliSense will suggest available modules.
    use std::              // Auto-complete shows: vector, signer, table, etc.
    
struct TestStruct has copy // drop down box showing drop, key, store etc.
{ 
pub name: String,
pub age: u32,    
} 

}
```

{% endstep %}
{% endstepper %}

### Using Built-in Supra Explorer

{% hint style="success" %}
**NEW in v3.1.1** \
Supra explorer functionality with Supra logo tray integration for easy access to all explorer features.
{% endhint %}

#### **Account Resource & Module Explorer**

* Fetch and display resources & Modules in real-time by account address.
* **Source code viewer** for on-chain modules by clicking on any module name.

#### **Event Explorer**

* **Real-time event tracking** by Tx hash.
* **Event details** and parameter inspection

***

## Support & Troubleshooting

#### **IntelliSense not activating?**

* Ensure your file has the `.move` extension
* Check that the language mode shows "move" in the status bar

#### **Explorer features not visible?**

* Look for the Supra logo in your VS Code interface
* Make sure you're running the latest version (3.1.1)
* Check the VS Code activity bar and side panels and make sure "SupraMove" is not hidden.

***

## Extension in Action

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmTBWRilfF5GuWWSNVrjY%2Fuploads%2FpmtpxpXxt3YANOan9y8g%2Fexten.mp4?alt=media&token=14dc9050-a0ce-47c4-8309-04397374a607>" fullWidth="false" %}
Demo
{% endembed %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://supraoracles.gitbook.io/supra/network/move/dev/supra-move-vs-code-extension.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.