Vue + Bootstrap 制作炫酷个人简历(一)

本文记录使用Vue和Bootstrap创建炫酷个人简历的过程。首先配置Vue项目,通过npm安装jQuery和Bootstrap。接着调整Vue配置,解决jQuery与Vue的集成问题。在main.js中引入并使用Bootstrap,最终实现完美运行。项目创建完成,后续将搭建简历框架。当前前端就业市场严峻,选择专业需谨慎。
摘要由CSDN通过智能技术生成

最近看了别人做的简历,简单炫酷,自己非常喜欢,于是打算自己做一个,尝试一下。

由于写这篇随笔的时候才开始动工,所以目前没有成品给大家看。

emmm等我更新完会在最后附上成品。

现在 开始!

首先 配置项目

具体可以看我的 Vue 配置项目

由于需要使用bootstrap,所以我们要安装jquery和bootstrap。

这里我们采用npm进行安装。

安装成功如图:

然后安装 jquery 这里根据官方文档我们选择v1.12.4

执行 安装

npm install jquery@1.12.4 --save

再安装bootstrap v3.3.7

npm install bootstrap@3.3.7 --save-dev

注意:

要在vue中使用jquery我们需要进行一点点小的配置

找到 build/webpack.base.conf.js 打开

找到如图对应代码处改为如图:

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值