Skip to main content
In this quick start, you’ll connect your IDE to Xano using the XanoScript extension, edit a real endpoint, sync the changes back to Xano, and run it.
1

Get the extension

https://mintcdn.com/xano-997cb9ee/GK7krl3WPzHY1W81/images/icons/vscode.svg?fit=max&auto=format&n=GK7krl3WPzHY1W81&q=85&s=c952ed0d880ef6334f8866c78638bcab

Visual Studio Marketplace

https://mintcdn.com/xano-997cb9ee/1pqNXtWN61kMGupZ/images/icons/openvsx.png?fit=max&auto=format&n=1pqNXtWN61kMGupZ&q=85&s=9fd1f533eed009e648ffc765f578492a

OpenVSX Marketplace

2

Connect to Xano

Make sure you have the folder you want to work in open before continuing.
1

Click the Xano logo in the left sidebar and choose Get Started

getting-started-code-20260112-095637
2

Login to Xano

Click Login to Xano to authenticate with your Xano account and follow the instructions.getting-started-code-20260112-095955
3

Pull changes from Xano into your IDE

Select your instance from the dropdown that appears, and then select your workspace and your live branch.After selection, click Pull Changes to get everything that’s currently present in your Xano workspace.getting-started-code-20260112-100203
4

Generate AI Agent Instructions

The extension will generate AI Agent instructions for your Xano workspace. It is highly recommended to generate these for the best possible experience. Select Setup AI Agent Instructions. These files help AI coding tools understand your workspace structure and XanoScript conventions.
3

Understand where things live

Xano repos follow a very simple structure. Each primitive lives in its folder, with logic stored inside .xs files.Repository Layout
apis/
    authentication/
      xxx_auth_signup_POST.xs
      xxx_auth_login_POST.xs
      xxx_auth_me_GET.xs
      
tables/
    xxx_user.xs
You’ll see other folders for things like functions, AI Agents, and more — for this quick start, we’re just looking at APIs and tables.
4

Open the Signup endpoint and make a change

Navigate to apis/authentication/xxx_auth_signup_POST.xsAdd a new function below security.create_auth_token. Order matters — this ensures the email is sent only after signup succeeds. This is our send_email function; just copy and paste the code below.
util.send_email {
  service_provider = "xano"
  subject = "Welcome!"
  message = "Thanks for checking out Xano. We're so glad you're here."
} as $x1
This is what you should be seeing now:getting-started-code-20260112-101408
5

Save and sync to Xano

Save your changes, and then click the option in the XanoScript extension to stage your changes.getting-started-code-20260112-101847Push your changes to Xano. Progress is shown in a notification in the bottom-right corner.getting-started-code-20260112-101647
6

Call the modified API

Send a POST request to your auth/signup endpoint and review the results.
curl -X POST "https://your-xano-instance.xano.io/api:abcD123/auth/signup" \
-H "Content-Type: application/json" \
-d '{
  "name": "John Doe",
  "email": "[email protected]",
  "password": "super_secure_password"
}'
You should receive a welcome email shortly after the request completes.
7

Visually validate the change in Xano

This step is optional, but you can quickly see the parity between your code and the visual representation.Head into Xano, and navigate to your auth/signup API by clicking API in the left-hand nav, choose the Authentication group, and click auth/signup.You should see the Send Email step at the end of the logic, right after the Create Authentication Token step.getting-started-code-20260112-103534