评论

Vue开发之旅——我的博客搭建记录(一)

《我的博客》第一章

  • 写在最前面

生日那天,下定决心学习游戏运营,未来做个运营人。秋招冲了一波游戏运营,有几家走到了终面,没想到寄了,无所适从只好准备春招以及毕设。大二时学过web2.0开发,对前端还算有一点点点接触,索性就沉下心学习一波前端。说到前端,就想着边学边做,做出点作品来,一是能熟悉具体知识的实操,二是给自己春招准备点作品,三也是算学习计算机这么久来,为自己做一个个人博客,能够记录生活学习的点滴,顺带整点小活。

  • 网课时代(大概11.8之前)

关于Vue的学习,前期主要是通过网课学习。b站搜索技术胖(永远的神!https://jspang.com),跟着看完了vue3.0从零开始,也看了几个博客开发的教学视频,前期准备大概是完成了。

  • 博客初代(11.8-11.9)

首先需要配置vue3的环境以及脚手架vue-cli4,网上教程很多,对着敲一下很快就可以搭建一个项目目录出来。跟着视频(https://www.bilibili.com/video/BV1T4411W76J?p=1)敲了一版最基础的博客界面,视频中开发用的是vue2.x,而最新版vue已经是3.x,一些语法和函数已经做了更新,对敲的过程中需要搜索一下3的替代语法,还算是比较容易的。博客初代是一个前后端分离的项目,前端采用vue3+elementui,后端暂时使用的是leancloud(也许之后学学后端可以自己搭一个),但是leancloud还是非常好用的,数据可视化非常直观,调用接口仔细阅读文档就能掌握),设置了一个vue-router切换[博客] [写博客]两个界面,写博客包含博客标题、博客摘要、博客分类几个部分,点击发布将数据传至leancloud。博客展示页使用了elementui的card,但还不是本当上手,做的比较粗糙,暂时仅测试是否能从后端获取到数据,图片小汉堡是elementui默认的hh。初代大概做成这样就下班咯~

  • 后记

文章是博客开发一段时间后写的,大多数内容靠回忆以及之前的截图,具体代码由于增加了新的功能就没贴了~

最后一次编辑于  2021-11-16  
点赞 5
收藏
评论

5 个评论

  • Smooth
    Smooth
    2021-11-16

    支持!等着后续的更新!

    2021-11-16
    赞同 1
    回复
  • 森林森森
    森林森森
    发表于移动端
    2021-11-16
    🤤
    2021-11-16
    赞同
    回复
  • étoile
    étoile
    2021-11-16

    关注beEr,在世诸葛!

    2021-11-16
    赞同
    回复 1
    • beEr
      beEr
      2021-11-16
      这位更是
      2021-11-16
      回复
  • Patrick
    Patrick
    2021-11-16

    2021-11-16
    赞同
    回复
  • 何
    发表于移动端
    2021-11-16
    🥵
    2021-11-16
    赞同
    回复
登录 后发表内容