前言基于Vue 3.2.x + Vite4.x + Pinia + Element-Plus + Vue-router + Axios+ Scss + Express等等开发的个人博客系统，vue3.2的compositionAPI非常的好用就更写原生js一样舒畅。项目功能前端页面Vue3.2开发，单文件组件.vue，setup语法糖的使用。采用vite代替vue-cli进行项目开发，速度确实快，但是感觉热跟新不是很顺畅。使用Pinia代替Vuex，轻量、简单，真香。前端组件库采用ant-design-vue组件库，也尝试了其他的组件库如bulma的css样式。自行封装axios，调用后端接口后端接口一开始没有确定接口的需求所以使用mock.js模拟生成后端数据进行表格增删改查，利用axios请求数据。前端页面完成后确定了所要的接口需求采用nodejs库。express快速开发api接口。mysql2库操作数据库且自行封装了一个异步的MySQL操作小工具DButil.js。使用jsonwebtoken库做了JWT认证机，是目前最流行的跨域认证解决方案。nodemon解决后端api的热更新问题。后台管理系统首页做了俩表，一个用于观察各个分类-文章的数量，另一个因为还没有做线上所以只写了死数据展示文章的每日访问量。首页还做了点小功能及美化。其他页主要做了增删改查的操作，主要是逻辑方面的操作，本来想要用富文本ormarkdown编辑器来做的，没办法时间太紧了先凑合把。封装echarts实现图表，采用到了lodash的debounce自适应防抖，防止请求过于平凡。采用vue-router进行路由跳转。404页面是从codepen拉一个比较有趣的gif动画。screenfull插件实现全屏功能。