2021-06-28 vue项目安装bootstrap

1 、vue项目中安装依赖

• 运行npm install bootstrap
• 将bootstrap导入项目main.js文件中 import "bootstrap";
• 运行npm install --save jquery popper.js

2 、在main.js文件中导入编译后的css文件

• 代码如下import "bootstrap/dist/css/bootstrap.min.css";

3、执行项目

• 运行命令npm run serve
  项目报错如下：
  
  image.png
• 按照上图错误提示执行命令npm install --save @popperjs/core

4、再次执行项目并在初始项目About页面中添加代码

• 运行命令npm run serve

• 执行效果如下:

  
  
  image.png