1. Head over to the Supabase website and either sign up or log in.
2. Click on "New Project" and fill in the details like Name, Password, and Database Region.
3. After your project is created, go to the Project Settings and find the "API" section. Jot down the API URL and the anon key—you'll need these later.

1. Open your terminal and run this command to create a new Vue.js project using Vue CLI:
   ```bash
   vue create my-vue-app
   ```
2. Move into the project directory:
   ```bash
   cd my-vue-app
   ```

1. While in the project directory, install the Supabase JavaScript library:
   ```bash
   npm install @supabase/supabase-js
   ```

1. Create a new file in the root of the src directory called supabase.js.
   ```javascript
   // src/supabase.js
   import { createClient } from '@supabase/supabase-js';

   const supabaseUrl = 'YOUR_SUPABASE_URL';
   const supabaseKey = 'YOUR_SUPABASE_ANON_KEY';

   export const supabase = createClient(supabaseUrl, supabaseKey);
   ```

2. Replace 'YOUR_SUPABASE_URL' and 'YOUR_SUPABASE_ANON_KEY' with the actual values you got from the Supabase Dashboard.

1. Create or open a Vue component file, like App.vue.

2. Import the Supabase client and use it to interact with your database.
   ```javascript
   // src/App.vue

   ```

3. This example assumes you have a table called items in your Supabase database. Adjust the names and fields to match your actual database schema.

1. Start the development server to see your app in action:
   ```bash
   npm run serve
   ```
2. Open your browser and go to the local URL shown (usually http://localhost:8080). You should see the data from your Supabase database displayed in your Vue.js app.

This step-by-step guide gives you a basic setup for integrating Supabase with a Vue.js application. Adjust components and queries as needed for your project and database schema.