vue+bootstrap项目

vue3的安装以及使用

vue3的安装

初学vue,错误之处还请各位大佬多多指正
寒假时候学校社团中心发了任务要用vue写一个相关的界面,在此记录相关过程

之前用过一段时间的vue2(不是很熟悉,尤其是对于vue项目文件的位置很迷茫)于是各种百度,东拼西凑,凑了个寂寞

https://blog.csdn.net/weixin_38047955/article/details/109218994
这篇博客中讲解非常清晰,从vue的安装到初始项目的搭建讲的非常详细,其中我在安装vue3 时使用该博客出错,发现是npm相较于cnpm容易出错 故使用cnpm install -g @vue/cli命令全局安装

vue3 router-link简单使用

https://blog.csdn.net/qq_37581115/article/details/90488157

通过配置router.js文件来实现页面的转换

bootstrap的引入

为什么要使用bootstrap?
因为部长说我的UI实在是太丑了
因为社团主页面是按照bootstrap的UI来处理的,所以使用bootstrap来对自己的页面进行美化

https://v3.bootcss.com/

介绍看文档,把压缩包下载下来之后解压,将解压之后的文件直接拖入vue项目的src文件目录下
之后进行main.js 以及vue.config.js文件(该文件vue3中一般无,直接在项目根目录下自己创建即可)的配置
参见

https://www.cnblogs.com/jzm53550629/p/10763382.html

有一说一,这玩意真的好用,相当于直接加入了css以及js文件,只要直接把他加到自己的前端界面即可,他提供的模态框也是十分优秀的!刚开始使用的时候最好参照相关文档,香香~~

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值