Quick Start

Quick Start your project using Able-pro Vuetify Template.

1. Packages Installation

Navigate to your project folder.

cd able-pro-vuetify-vuejs

Install Packages by npm or yarn as per your preferences. 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 v5.3.5 dev server running at:

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

ready in 544ms.

3. Build & Deploy

To build your app in production use yarn build command.

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 easily switch Node versions between different projects.