博客项目day1

   无意间看见一个博客，我就萌生了想要做一个自己的博客，

于是上周开始就开始查看各个博主的博客，选择一个ui较好的风格

技术选项:

前端：vue element-ui-plus TypeScript

后端 springboot mybatis-plus mysql

第一步：利用vite创建一个vue3 typescript 的项目 选择第二个

 

项目创建完成后，开始安装element-plus

yarn add element-plus

main，ts中全局导入

import ElementPlus from 'element-plus'

import 'element-plus/dist/index.css';


createApp(App).use(store).use(router).use(ElementPlus).mount('#app')

下面画面直接编写

首先开发一个共同的顶部和底部

下面就是一些ui

直接放上去今天的成果物

顶部导航的menu直接从router中定义的路由直接获取集合

然后便利到顶部导航