vue使用bulma

安装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

根据提示来就可以了

vue使用bulma相关推荐

推荐 16 个优秀的 Vue 开源项目
01 CMSand Generators 页面工具包 Pagekit 是一个开源的CMS,在Vue. js 和Symphony框架的帮助下构建.CMS是模块化的,所以你可以逐步扩展功能.Pagekit ...
13 个优秀的 Vue 开源项目及合集推荐
关注不迷路 Vue 结合了 React 和 Angular 的优点,并且有着团结.活跃且庞大的社区,可以帮助解决开发中遇到的问题.开源社区不断提出解决问题的新方法.工具和库的数量也贡献量不断的增加. ...
用起这 16 个顶尖 Vue 开源项目，节约更多的时间摸鱼
关注 Vue社区,回复"加群" 加入我们一起学习,天天进步转载自Duing(ID:duyi-duing) https://dev.to/flatlogic/top-16-vue- ...
12 个不可错过的 Vue UI 组件库，请查收
1. Element UI Element UI 是一套为开发者.设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库.它是一个用于 Web 的 UI 组件库 ,除了 Vue 之外,它还具有Re ...
12个Vue UI 组件库
Vue.js 是一个渐进式 javascript 框架,用于构建 UIS(用户界面)和 SPA(单页应用程序).UI 组件库提高了我们的开发效率,增强了应用的整体外观.感觉.交互性和可访问性,下面就来 ...
10个你值得收藏的牛逼开源后台控制面板
作者:SevDot 来自:jianshu.com/p/3bc7404af887 Web 开发中几乎的平台都需要一个后台管理,但是从零开发一套后台控制面板并不容易,幸运的是有很多开源免费的后台控制面板可 ...
Github上 10 个超好看可视化面板
点击上方,选择星标或置顶,不定期资源大放送! 阅读大概需要15分钟 Follow小博主,每天更新前沿干货来源:www.jianshu.com/p/3bc7404af887 Web 开发中几乎所有平台 ...
Github上十大热门可视化面板！再也不用担心画图啦！
作者:SevDot 来源:www.jianshu.com/p/3bc7404af887 Web 开发中几乎的平台都需要一个后台管理,但是从零开发一套后台控制面板并不容易,幸运的是有很多开源免费的后台控 ...
guns 最新开源框架企业版下载_优秀！Github上10个开源免费的后台控制面板你值得拥有！...
Web 开发中几乎的平台都需要一个后台管理,但是从零开发一套后台控制面板并不容易,幸运的是有很多开源免费的后台控制面板可以给开发者使用,那么有哪些优秀的开源免费的控制面板呢?我在 Github 上收集 ...
程序员的快速开发框架：Github上 10 大优秀的开源后台控制面板
专注于Java领域优质技术号,欢迎关注作者:SevDot Web 开发中几乎的平台都需要一个后台管理,但是从零开发一套后台控制面板并不容易,幸运的是有很多开源免费的后台控制面板可以给开发者使用,那么 ...

vue使用bulma

vue使用bulma相关推荐

最新文章

热门文章