Instalar Bootstrap 4 + Sass en Vue

Carlos Solis
Hexadecimal
4 min readApr 15, 2019

--

En este tutorial rápido aprenderemos como instalar Bootstrap y utilizar la linea de comandos de Vue para habilitar el soporte Sass para aprovechar al máximo la configuración del framework. Unicamente vamos a utilizar los estilos de Bootstrap, no tocaremos temas como jQuery o librerías externas.

Comencemos instalando la linea de comandos de vue:

npm install -g @vue/cli

En caso de que ya tuvieras instalada en tu equipo la linea de comandos (muy bien por ti! 👏) te recomiendo que la reinstales para asegurarte que usas la versión mas reciente, en este ejemplo usaremos la versión 3.6.2, puedes encontrar la versión que usa tu ordenador con el comando:

vue --version

El siguiente paso es crear un nuevo proyecto Vue con el comando

vue create vue-bootstrap

Pero en este caso, en vez de usar la configuración por defecto, usaremos la opción manual para habilitar Sass, si no sabes como hacerlo, mira las opciones que debes elegir en la terminal:

--

--

Carlos Solis
Hexadecimal

Product evangelist @modyo, author & fullstack developer