DEV Community

Marco Poletto
Marco Poletto

Posted on

How to create simple tabs system with VueJS

Today I want to share with you and easy way to build a simple tab system using VueJS.

As a starter I am using Vue/cli 3


    for installing vue-cli:

npm i -g @vue/cli

    for creating a new project:

vue create <project-name>

    for running the project:

cd <project-name>
npm run serve


Get the code


GitHub logo polettoweb / vue-tabs

Simple example of tabs created with VueJS


Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your tests

npm run test

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.


Discussion (0)