Installing Bulma
To round off this setup section, let’s add the latest version of Bulmas CSS to the Vue project. There are two main ways that this can be done: Adding it via a CDN with a <link>
tag or adding it via NPM.
Option 1: Adding Bulma via a CDN
In case you are only testing out Bulma and you know you won’t need any customization, adding it via a <link>
tag might suffice. In that case, open the index.html
file inside your project root, and inside the <head>
tag add Bulma via a CDN just like any other stylesheet in a website.
<link
href=
"https://cdnjs.cloudflare.com/ajax/libs/bulma/0.6.2/css/bulma.min.css"
rel=
"stylesheet"
>
Option 2: Adding Bulma via NPM (Recommended)
This is the recommended way of adding external libraries in single page applications. When creating your project with vue-cli
you are also installing Webpack with configurations already made. Adding Bulma via NPM will add the CSS framework and will bundle...