SETUP

Prerequisites

Before you get started, ensure that you have the following prerequisites installed on your system::

• Node.js v20.9.0 or above

• npm or Yarn package manager (install along with Node.js)

After install Node.js, open command prompt to verify the installation

node -v
npm -v

If had installed, it will return the version of Node.js and npm

Startup

Install Vue CLI

If haven't installed Vue CLI globally, you can run the following command to install it

npm install -g @vue/cli

If installed successfully, it should show added XXX package

Create Vue Project

Using Vue CLI to create new Vue project

vue create my-vue3-app

Replace my-vue3-app with desired name for the project

Project Configuration

When create new Vue project, it will let you choose which version of Vue to use in the project

Choose [ Vue 3 ] selection and click Enter

Now the Vue 3 Project is creating, it may take sometime to create

After create successful, it will show this message:

Navigate to Project Directory

cd helloworld

Replace helloworld with the project name created

Run the Development Server

npm run serve

After successful launch, it will show the place where the Vue project is launch

This time, the Vue project is launch at http://localhost:8080/

Copy the address and paste in web browser, you can access your project now !