Question

我正在使用Electron-vue创建桌面应用程序。我试图在我的应用中使用boostrap-vue。当我打开应用程序时，我可以看到boostrap（按钮表）的所有功能，但没有与之相关的样式（颜色，字体等）。

我做错什么了吗？bootstrap vue与电子样式的应用程序不兼容吗？

Answer 1

我正在阅读一些博客，显然boostrap-vue不适用于桌面应用程序。我更幸运地使用element UI

Answer 2

BootstrapVue支持在Electron下运行的beig。

请参见https://github.com/loopmode/electron-webpack-quick-start/tree/bootstrap-vue-ts和https://github.com/electron-userland/electron-webpack/issues/302#issuecomment-508911966

Answer 3

文档中描述了正确的安装过程：https://bootstrap-vue.js.org/docs

在项目根文件夹中，安装必备软件：

# With npm
npm install vue bootstrap-vue bootstrap

# With yarn
yarn add vue bootstrap-vue bootstrap

在那之后，您必须打开main.js文件，并在“ new Vue（...）”调用之前获得具有这部分代码的代码：

// Activate bootstrap vue
import BootstrapVue from 'bootstrap-vue'

import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'

Vue.use(BootstrapVue)

博客文章对其进行了完美的描述：https://alligator.io/vuejs/using-bootstrap4/

Bootstrap Vue效果在电子Vue应用程序（桌面UI）中不可见

3 个答案: