Setting up a New VueJS 2 Project

The following documentation assumes the following:

  • You’re working on an Ubuntu or Linux-based Distro
  • You have CLI knowledge
  • You have HTML and JS knowledge

Installing Yarn and Vue CLI

Firstly, to setup your project you’ll need to install NPM or Yarn. In this case we’ll be using YARN.

curl -sS | gpg --dearmor > /etc/apt/trusted.gpg.d/yarn.gpg
echo "deb stable main" | sudo tee /etc/apt/sources.list.d/yarn.list

sudo apt update && sudo apt install yarn

Then we can install Vue-CLI

yarn global add @vue/cli

Once it is installed you can check the version by typing the following command:

vue --version

Creating the Vue Project

Once the basic requirements have been installed you can proceed to create the Vue Project.

vue create $projectName

Vue should then create your new project with example files. Then you can add Vuetify with the following command.

cd $projectName
vue add vuetify
vue add i18n
vue add router

There are other useful plugins such as i18n for localization, or Vue Router for a seamless single-page experience.

Original Documentation on Vuetify