Installation

Welcome to the Dash UI Vue version of the original DashUI HTML theme.

Getting Started

A professional Dash UI Vue Dashboard that comes with plenty of ready-to-use components that will help you to build more beautiful application.

Dash UI is built with the most popular The Progressive JavaScript Framework VueJs and Vue Component Framework Vuetify.

This doc will guide you to understand how DashUI-VueJS theme is organized, basics of how to customize, and how to run and build final version from the source code.

Running in Local environment

This project is scaffolded using create vue@latest with Vue Router for Single Page Application development, Pinia for state management, Vitest for Unit testing, ESLint for code quality and Prettier for code formatting settings to Yes

  1. Prerequisite

    Before proceeding you'll need to have the latest and stable nodejs (>=18.18.0) version, if it's already installed on your machine, you can move to next step.

    How do I check my node version?

    JS
    node -v

  2. Install Dash UI VueJS

    Open the dash-ui-vuejs directory with your cmd or terminal. Open the project folder and install its dependencies.

    Navigate to your project folder

    JS
    cd dash-ui-vuejs

    Installing all required dependencies

    JS
    npm install

  3. Starting Dash UI VueJS

    After installing all required dependencies, you can start your project at the development server on http://localhost:3000 with below npm command.

    Start project at local development server

    JS
    npm run dev

    Visit http://localhost:3000 to view your application

    Edit src/pages/Start.vue and see the updated result in your browser

Generating a Production Build.

1. To generate a production build, use the following commands:

JS
npm run build

2. Once the build is generated, you can preview it on your local system using the following commands:

JS
npm run preview

Once you execute above command, the production build run locally at http://localhost:3000.

CONTENTS

  • Installation

  • Getting Started

  • Running in Local environment

  • Generating a Production Build