bootstrap+vue+高德地图

本文详细介绍了如何使用Vue CLI创建项目,并通过集成Bootstrap、jQuery和popper.js来快速搭建前端框架。文章涵盖依赖安装、高德地图引入及vue-router使用等关键步骤。

前言

今天学了用脚手架和bootstrap搭建一个项目,记录一下以备后面继续学习

正文

新建项目和配置

  1. 创建一个新的project,使用vue create hello-world创建新的项目;
  2. 进入项目文件夹目录;
  3. 然后在控制台(或者git bash的控制台)输入vue ui,进入可视化的界面;
  4. 在依赖里安装bootstrap,jQuery和popper.js(后两者是前一个的依赖);

引入高德地图

这一部分内容参考了一篇博客,感觉很好链接如下:
https://www.cnblogs.com/wangyuxue/p/11202222.html

web页面的相关内容

因为用了bootstrap而且只要搭一个页面的大概框架,所以感觉vue涉及的比较多的就是vue-router的使用,bootsrtap主要使用了导航和导航条两个组件,这边的话后面还是要多看文档多理解。

参考文献:
https://cli.vuejs.org/zh/guide/creating-a-project.html
https://v4.bootcss.com/docs/components/navs/

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值