一、前言

在前面九个章节完成之后，对个人博客项目的后端开发工作也就暂时告了一段落，后面的接口测试工作等到项目开发之后在进行完善， 接下来我们完成项目的前端页面开发

二、前端技术选型

技术栈

• 编程语言：TypeScript + JavaScript
• 构建工具：Vite
• 前端框架：Vue3
• 路由工具：Vue Router
• 状态管理：Vuex
• UI框架  ： Element Plus
• CSS预编译：Stylus、Sass、Less
• Http工具：Axios

TypeScript

对于TypeScript我是真的不了解，还记得一个多月之前在沸点做掘友帮帮忙活动的时候回答过，特意去翻了一下那个沸点，现在对于TypeScript我依旧是一知半解，接下来的项目可能会使用到也可能会用不到，谁知道呢

Vite

以前用过几次webpack，对于大型项目来说Vite会比我webpack快很多，但是对于我这个个人博客项目来说的话，可能两者几乎没有区别，但是还是用了，毕竟不会嘛

Vite的几个优点：

• 快速的启动服务，无需打包
• 快速的模块热加载
• 对TypeScript、CSS等支持开箱即用
• 通用的插件接口
• 灵活的API等

Vue3

其实，我vue2都没学明白，简单来说，就是代码懵懵懂懂，实操磕磕绊绊，勉强能达到人在地上吹牛在天上飞的程度吧。。

Vue Router和Axios

之前就用过，可能也是大家最常用的路由和http请求技术了吧

Element Plus

饿了么Ui的升级版，以前只用过Element-UI，感觉使用上来说应该区别也不大，毕竟CV编程的嘛

三、总结

前端大概就这个样子，预计八月搞定个人博客项目，争取吧，毕竟不会的也太多了，以前天天干游戏的时候没啥感觉，越学习越清晰的知道自己的渺小