Skip to content

Getting Started

GΓΆktΓΌrk edited this page Feb 5, 2025 · 2 revisions

Getting Started

This guide will help you set up and run the project locally. Follow these steps to install dependencies, configure the environment, and start development.

Prerequisites

Before setting up the project, ensure you have the following installed:

  • Node.js (LTS version recommended)
  • npm (comes with Node.js) or pnpm (optional)
  • Git (for version control)

To verify installation, run the following commands:

node -v  # Should return Node.js version
npm -v   # Should return npm version
git --version  # Should return Git version

Installation

  1. Clone the repository

    git clone https://github.com/digitalcityscience/TOSCA-2.git
    cd TOSCA-2
  2. Install dependencies

    npm install
    # or use pnpm
    # pnpm install

Running the Development Server

To start the development server, run:

npm run dev

This will start a local server, and the output will display the URL where the app is running (default: http://localhost:5173).

Project Structure Overview

πŸ“¦ project-root
 ┣ πŸ“‚ public            # Static assets
 ┣ πŸ“‚ src               # Application source code
 ┃ ┣ πŸ“‚ components      # Reusable Vue components
 ┃ ┣ πŸ“‚ core           # Core utilities and helpers
 ┃ ┣ πŸ“‚ router         # Vue Router configuration
 ┃ ┣ πŸ“‚ store          # Pinia state management
 ┃ ┣ πŸ“‚ views          # Page-level components
 ┃ ┣ πŸ“œ main.ts        # Entry point of the app
 ┣ πŸ“œ package.json      # Project dependencies
 ┣ πŸ“œ tsconfig.json     # TypeScript configuration
 ┣ πŸ“œ vite.config.ts    # Vite configuration

For a detailed explanation of each directory, refer to the Folder Structure page.

Building for Production

To build the project for production, run:

npm run build

The output will be placed in the dist/ folder.


You are now ready to start developing! Explore the documentation further for more details on various project aspects.