vue + vant + v-charts 基础前端框架

提示：新晋前端 请多指教

---

前言

作者根据目前所学整合的一套 vue + vant + v-charts 基础前端框架

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、vue是什么？

vue官方通道

vue是一款友好的、多用途的且高性能的js框架，一款构建用户界面的渐进式框架，它可以帮你创建可维护性和可测试性更强的代码库。Vue只关注视图层， 采用自底向上增量开发的设计。

二、vant是什么？

vant官方通道

轻量、可靠的移动端 Vue 组件库

三、v-charts是什么？

v-charts官方通道

在使用 echarts 生成图表时，经常需要做繁琐的数据类型转化、修改复杂的配置项，v-charts 的出现正是为了解决这个痛点。基于 Vue2.0 和 echarts 封装的 v-charts 图表组件，只需要统一提供一种对前后端都友好的数据格式设置简单的配置项，便可轻松生成常见的图表。

四、代码获取

github官方通道
1.进入官网查看 直接下载压缩包

2.git拉取代码
git官方下载通道

1. 新建文件夹，最好为英文名project
2. 进入文件夹，空白处右键，选择gitbash here,键入git init会生成.git文件（如果没有，或许被隐藏了，无关紧要）
3. 配置本地仓库的账号邮箱git

// 设置用户名
$ git config --global user.name "Your Name"
// 设置邮箱
$ git config --global user.email "email@example.com"

4. 配置本地仓库的账号邮箱git

$ git clone https://github.com/CodeKingAo/front-end.git

三、使用步骤

1.引入依赖

进入到对应的文件下后打开cmd ：

// 获取依赖
npm i
// 运行
npm run dev

2.配置文件

这里配置请求前缀

这里配置title

文件建这路由会自动生成

这里是路由配置

总结

提示：到这里就结束啦,前端还是博大精深呀,如果大家有什么意见的话 多评论多交流 我们一起进步吧

下面是我的微信号 有问题咱们多沟通 我多学习