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 https://dl.yarnpkg.com/debian/pubkey.gpg | gpg --dearmor > /etc/apt/trusted.gpg.d/yarn.gpg 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:
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.