适合初学者入手的vue项目(2)

适合初学者入手的vue项目(2)

​ 鉴于我之前一篇博客适合初学者入手的vue项目这个项目对现在来说有点太老了，那个项目现在其实不是很推荐大家去写了。

​ 现在Vue3.2也出来了，Vite+Vue3+TS一定是未来的趋势。所以说学习是不能停止的，今天给大家推荐的项目在B站搜索Vue.js 移动端项目实战（今日头条）这个就好，当然你也可以点我这个链接打开。这个项目是Vue2.6那个版本的，资料很全，接口地址完整(有的接口会有些问题，不用钻牛角尖)。不是说Vue3出来了就不用学Vue2了，

Vue3也只是加了一些新特新，有一些改动，但是还是得去了解学习。总结一个字：“卷~”

​ 对于学习方法的个人看法：

​ 其实看视频学习是效率最低的一种方法，为什么呢？因为需要时间成本。所以，看文档才是最快的，文档也看不懂就去百度，谷歌，维基百科，如果是初学者的话，其实百度就能解决很多问题了。实在不行也可以去混前端圈，请教大佬。或者去社区等等等…

既然看视频学习效率低，为什么要看视频学习呢？在你对知识一片空白，无从下手的时候，其实看视频才是能最快掌握知识的，因为你什么都不知道你去看文档，你估计也看不懂，当然不包括某些比较聪明的人。看视频学习其实也有一个好处，你能见识到面对一个问题各种各样的解法，各种优雅的api调用等等等等。这些是你一开始学习所不会的，因为思考量没有达到那个阶段。

​ 看文档最苦逼的就是只有英文文档，没有中文。最最最苦逼的就是你可能英语不太好，比如我四级都没过。这种情况怎么办？浏览器页面能翻译就翻译着凑合看，不能翻译一句话一句话用词典翻译一下。所以，英语真的很重要！

​ 到底是看视频还是看文档呢？答：两者结合~

好的，不多逼逼，下面是项目介绍

码云地址： toutiao-m

仿今日头条移动端

目前已完成16个+页面，所有完成的页面可以点我查看项目预览图

接口文档就在根目录下

技术栈：

• Vue全家桶 + Vant移动端组件库 + axios

主要功能模块：

• 移动端REM适配
• 用户
  • 登录注册
  • 获取验证码
  • 刷新用户 token
  • 修改用户个人资料
  • 头像裁切
  • 编辑用户频道
  • 添加 / 取消关注用户
• 文章
  • 搜索文章
  • 搜索 – 获取联想建议
  • 搜索 – 获取搜索结果
  • 搜索 – 删除用户搜索历史
  • 收藏 / 取消收藏 文章
  • 添加 / 取消 文章点赞
  • 对评论 或 评论回复点赞
  • 添加评论 或 评论回复
• 其他主要就是一些 数据的展示

使用的第三方库：

• axios HTTP请求库
• postcss-pxtorem 和 amfe-flexible 移动端REM适配方案
• cropperjs 图片裁切工具
• dayjs 日期处理
• json-bigint 处理大数字问题
• lodash js工具函数库
• vant 移动端UI组件库