Create VueJS Project Using Vue UI

Introduction

In this article, we will learn how to create a VueJS project using a graphical user interface with Vue UI command.

Prerequisites

• Basic knowledge of JavaScript and VueJS
• NodeJS installed.
• Text editor.
• Vue CLI installed.

Now, we install Vue CLI. Use the following command to install Vue CLI,

npm install -g @vue/cli

Open the command prompt and enter the following command 'Vue UI',

Press enter and check.

This opens the Vue GUI on http://localhost:8000 on the browser.

The UI shows three buttons, project, create and import, To create a new project click on Create button.

1. Click on the Create button.
2. Select the location where you want to create the project.
3. Now click on the “Create a new project here” button.

Enter the name of the project in the Project folder textbox and click on the Next button.

Select Default present(VUE3) and click on Create project.

It takes some time to create a project.

Now a new project is created.

Now click on the plugins tab, to install plugins and install vue router in this project.

The project is successfully created and Vue router also added, now go to the project location and open the project in Vs code.

 

Summary

In this article, we learned how to create a VueJS project from scratch with the Vue UI tool.