Getting Started

Engineering

Prerequisites

1. Install Node.js version 20

   • Check your version with node --version
   • If it’s not version 20, you can change it using the n package (opens new window):

     npm install -g n
     sudo n v20
     node --version
     

   • If you encounter issues, please report them here (opens new window).

2. Get an IDE

   • Recommended: Webstorm (opens new window) or Visual Studio Code (opens new window) with the Volar plugin (opens new window).

3. Configure Prettier

   • Set up Prettier (opens new window) in your code editor for automatic code formatting.

4. Install PostgreSQL (Optional)

   • Install PostgreSQL or another database you want to use with Prisma.js.

5. Style Your IDE (Optional)

   • Webstorm Theme (opens new window)
   • VS Code Theme (opens new window)

Installation

1. Create a New Project:

   npx @vuesion/create my-app
   

2. Change Directory:

   cd my-app
   

3. Create an .env File:
   • Copy the .env-example file to a new .env file:

   cp .env-example .env
   

   • Change the DATABASE_URL to use your local project database

   DATABASE_URL="postgresql://postgres:postgres@localhost:5432/my-app?schema=public"
   

Design

Figma

Figma is a web-based graphics editing and user interface design app. Use it for wireframing websites, designing mobile app interfaces, prototyping designs, and more.

Prerequisites

1. Get a free Figma account (opens new window)
2. Log in to your Figma account (opens new window)

Installation

1. Got to the Vuesion Core Community File (opens new window)
2. Click on the Open in Figma button