安装bulma:
npm i bulma
在main.js引用:
import bulma from 'bulma'
import 'bulma/css/bulma.css'
Vue.use(bulma)
在vue页面便可以直接使用bulma了,比如在项目默认页面about中:
<template>
<div class="about">
<h1>This is an about page</h1>
<a class="button">Button</a>
<a class="button is-primary">Primary</a>
<a class="button is-info">Info</a>
<a class="button is-success">Success</a>
<a class="button is-warning">Warning</a>
<a class="button is-danger">Danger</a>
<a class="button is-link">Link</a>
</div>
</template>
有可能报错,我这里又另外安装了:
npm install node-sass --save-dev
npm i sass-loader
根据提示来就可以了