Configurar un Projecto Nuevo de VueJS 2

La siguiente documentación asume lo siguiente:

  • Trabajará sobre Ubuntu o una Distribución basada en Linux
  • Tiene conocimientos de CLI
  • Tiene conocimientos de HTML y JavaScript

Instalar Yarn y Vue CLI

Primero, para configurar su proyecto tendrá que instalar NPM o Yarn. En este caso utilizaremos 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

Luego podemos instalar Vue CLI

yarn global add @vue/cli

Una vez instalado puede ver la versión escribiendo el siguiente comando:

vue --version

Crear el Proyecto Vue

Una vez los requerimientos básicos fueron instalados podrá crear el Proyecto de Vue.

vue create $projectName

Vue debería poblar su directorio con archivos de ejemplo. Luego podemos añadir Vuetify con el siguiente comando.

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

Hay otros plugins útiles como i18n para localización, o Vue Router para una experiencia de “una página”.

Documentación Original de Vuetify