Quick Start

Quick Start your project using Able-pro Vuetify Template.

1. Package Installation

Navigate to your project folder.

cd able-pro-vuetify-vuejs

Install packages using npm or yarn, as per your preference. Here we are using yarn the package manager.

able-pro-vuetify-vuejs> yarn

or

able-pro-vuetify-vuejs> npm install

We would recommend yarn over npm. Why? See this:

https://www.whitesourcesoftware.com/free-developer-tools/blog/npm-vs-yarn-which-should-you-choose/

2. Start

Once the package is installed, you can start your app by using npm run command

c:\able-pro-vuetify-vuejs> npm run dev

This will start your local server at http://localhost:3000 Also, the Terminal shows something like this.

Compiled successfully!

vite v7.1.4 dev server running at:

> Local: http://localhost:3000/
> Network: use `--host` to expose

ready in 544ms.

3. Build & Deploy

To build your app for production use yarn build command.

able-pro-vuetify-vuejs> yarn build

or

able-pro-vuetify-vuejs> npm run build

4. Deploy for your live site

Change the base URL with your domain and build your application.

You can control this with the homepage field in your package.json

// Package.json
"homepage": "http://example.com"

You’ll need to have Node v20.x.x or later on your local development machine (but it’s not required on the server). You can use nvm (macOS/Linux) or nvm-windows to switch Node versions between different projects easily.