Adding Bulma to VueJS

Tags: vuejs

Surprisingly, until this article getting Bulma to work with VueJS hasn't been well documented. Or tells you to use relative links into your node_modules directory. Well, here's the easy no-brainer way of getting these two projecs to work together.

Install Bulma

npm install bulma
npm install @fortawesome/fontawesome-free
1
2

or

yarn add bulma
yarn add @fortawesome/fontawesome-free
1
2

Add Bulma & Font Awesome to main.js:

import "bulma/css/bulma.css"
import "@fortawesome/fontawesome-free/css/all.css"
1
2

Done! Enjoy!


Copyright © 2018 Daniel and Audrey Roy Greenfeld.
Site Map

Last Updated: 9/2/2018, 10:07:58 PM