littleSharing~☆ frontend-vue3.0

项目简介

“我的所有个人项目都是基于我本人的需求而设计制作的。”

此项目为先前使用 vue2.0 编写的相同前端项目的重构，采用最新的 vue3.0 + TS + ElementPlus + Pinia + Vite 技术栈进行重写。主要原因有：

1. 为了提高我自己的 Vue3.0 项目编写能力。

   先前在制作 Vue2.0 项目的时候，发生了许多的代码不规范的现象，都属于是得过且过、能渲染出来就是万事大吉；而且经常根据网上的教程通过 npm 装了一堆的库，结果一看基本都没用上，打包平白无故的占据大部分空间。因此，在 Vue3.0 实际项目编写过几个之后，我打算将我这个个人网站也通过 Vue3.0 框架全部重新完完整整的写一遍，不仅将当初的不规范代码进行规范，并且将能封装的组件全部封装、能复用的工具函数尽量用自定义 Hook 的形式进行封装，并且使用最前沿的 TS 技术对 <script> 中的代码块进行规范化，并且 CSS 部分全部采用模块化的 Less 预编译器进行编写，提高 CSS 的模块化，易于维护。

2. 为了做一个我能够真正在上面分享心得的个人网站。

   这个网站一直以来就是我的个人网站，上面分享我的很多技术相关的总结心得。这个网站从界面设计到架构设计到最终的前后端实践，都是我一个人从零开始做的，没有借助任何现成的框架，也算是我的一个全栈训练场。我在这里能够肆无忌惮的增加我认为合适的新功能、训练我学习到的最前沿技术，争取做到代码完全规范化、模块化，为未来的其他项目打下比较好的代码规范基础。

日后关于这个网站的打算

1. 在目前PC端的基础之上进行自适应适配的功能，根据屏幕的宽度进行动态化的调整组件布局。
2. 除此之外，我打算增加比较多的新功能，例如：私信功能，用户能够聊天；视频功能，用户不仅仅可以上传文章、图片，也可以上传视频、音频等各式各样的文件，我会之后单独设计页面并且加上一个独立的模块分区，作为版本更新。
3. 将目前的 Less 转为使用 tailwindcss 。

对我这个项目如果有感兴趣的小伙伴，可以拉下来自己玩一玩看一看呀~我目前的能力还是非常不足，还是在努力的学习当中。未来我也会开源更多我自己的前端项目，并且附上我的学习经历与心得！

ps：对这个项目的开发本身感兴趣的小伙伴，可以查看我发布的一篇文章：关于我是如何从零自己设计、搭建起个人博客的经历。这篇文章是我对这个项目的开发经历的总结，希望能够给大家带来一定的参考与借鉴的价值。