• 首先安装一些依赖项：

yarn add bootstrap bootswatch jquery popper.js

• 然后将以下行添加到入口点文件main.js中：

import "bootstrap"; import "../node_modules/bootswatch/dist/lux/bootstrap.min.css"; import "jquery"; import "popper.js";
lux是一个主题名称，因此您可以将其替换为您选择的主题。😎

您应该按如下方式导入main.js中的css文件

import '../node_modules/bootstrap/dist/bootstrap.min.css'

确保已将Webpack配置为使用css-loader

或

在根组件（大多数是App.vue）中添加两个样式标签，一个用于全局样式，另一个用于scoped样式（如果有任何带有scoped属性的样式）。

<style src='path/to/node_modules/bootstrap/dist/bootstrap.min.css'>
    /* global styles */
</style> 

<style scoped>
    /* local styles */
</style>

尝试清除浏览器缓存并重新启动vue正在运行的任何程序

如果要使用npm...

npm install bootstrap bootswatch jquery popper.js

Then add this lines to your entry point file main.js:

import "bootstrap";
import "../node_modules/bootswatch/dist/theme/bootstrap.min.css";
import "jquery";
import "popper.js"

replace theme with your theme (journal,lux...)