2.1. Setting up a New VueJS/Vuetify 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
2.1.1. 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 https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add - echo "deb https://dl.yarnpkg.com/debian/ 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:
2.1.2. 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.