Able Pro
Vue
Vue
  • Documentation
  • Pre-requisites
  • Quick Start
  • Directory Structure
  • โ›ฑ๏ธTheme UI
    • ๐ŸŽ›๏ธIcons
    • ๐Ÿ‘“Change Logo
    • ๐Ÿ†ŽChange Typography
    • ๐Ÿ”ฎTheme Colors
    • โš™๏ธTheme Settings
  • ๐Ÿ‘จโ€๐Ÿ’ปDevelopment
    • State Management
    • Authentication
    • Axios API Calls
    • Routing
  • How to
    • Skip Auth
  • Dependencies
  • Roadmap
  • Support
  • Changelog
  • FAQ
Powered by GitBook
On this page
  • 1. Packages Installation
  • 2. Start
  • 3. Build & Deploy
  • 4. Deploy for your live site

Quick Start

Quick Start your project using Able-pro Vuetify Template.

PreviousPre-requisitesNextDirectory Structure

Last updated 4 months ago

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:

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.4.11 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 (macOS/Linux) or to easily switch Node versions between different projects.

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