Quick Start

Quick Start your project using Datta Able Vue Bootstrap JS Template.

1. Package Installation

Navigate to your project folder.

cd project-folder

Install Packages by npm or yarn as per your preferences. Here we are using yarn the package manager.

datta-able-vue-bootstrap-js> yarn

or

datta-able-vue-bootstrap-js> 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:\datta-able-vue-bootstrap-js> 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.2 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 v24.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.