美文网首页
如何在vue项目中引入bootstrap样式

如何在vue项目中引入bootstrap样式

作者: _果不其然_ | 来源:发表于2018-11-14 10:56 被阅读0次
1.首先,修改package.json文件

默认创建好的package.json的dependencies中只有两个依赖


image.png

然后我们引入bootstrap相关的依赖


2.然后,修改router路径下的main.js

补充情况为下图所示


image.png
3.为了直接全局使用,我们可以直接在App.vue中引入bootstrap样式
<script>
  import 'bootstrap/dist/css/bootstrap.css'
  import 'jquery/dist/jquery.min'
  import 'bootstrap/dist/js/bootstrap.min'
  export default {
    name: 'App'
  }
</script>

到这里就完成了bootstrap的引用了,希望对你能有帮助哦

相关文章

网友评论

      本文标题:如何在vue项目中引入bootstrap样式

      本文链接:https://www.haomeiwen.com/subject/ctlsxqtx.html