第一天:先搭建前端项目

-----------------我的介绍------------------

我就是个典型的80后，中年人了，身上背负着不少压力——上有老，下有小，左手房贷右手车贷。二本学历，虽然不是差，但也不是什么亮眼的背景，更别提农村出身，一路走来也没啥关系网。曾经有过几年的职业高峰，但后来折腾了几次创业，结果都没能成功。现在又回到职场，刚准备东山再起，结果却被裁员给打回原形，失业已经一段时间了，眼看着日子越过越艰难，真是有点不甘心，现在静下心想着使用文字来总结自己的见解和遭遇，希望对后来者有一点儿帮助。

-----------------欢迎关注----------------

感谢你看到这里，点个赞和关注我吧，如果你生活遇到不顺心，我会用我的真心经历开导你

---------------我们开始吧----------------

首先，个人是比较喜欢足球比赛的，也算是15年+的老球迷了，所以有时候也会买一些足彩比赛，当然，仅限与购买国家发行的正规足彩，所以有时候没时间不想盯着比赛的时候，就想着有进球能不能直接发个邮件短信啥的，直接告诉我呢，这样我就不需要自己打开软件去看了，尤其是现在很多比赛都有延迟，尤其是视频直播的，我在想要是有一个网站没什么延迟的话，是不是就能够更加让自己早知道比赛的实际进度呢，今天还真的找了一个，不够像这种情况，具体哪个网站我是不能公布出来的，我也就是谢谢自己的思路，然后看看是否能够真正实现自己的一些想法，目前按照我的经验来说，这不是伪需求，所以我就开始了

---------------第一步：前端环境搭建-----------------

我选择的是直接用vue3进行开发，那么首先肯定就是先选择一个vue3的脚手架并搭建环境了，这里选择vite来进行项目的创建,先进入对应的目录后执行以下命令

npm create vite@latest my-fb-prj -- --template vue

出现下图说明创建成功

按照图中提示，分别执行如下两个命令

npm install

npm run dev

上图显示启动成功，直接打开图中链接即可

就这样，环境初步搭建完成了。

---------------第二步：安装依赖----------------

下一步，我们安装一些常用的依赖，后续都会用到

npm install vue-router

npm install pinia

npm install -D tailwindcss postcss autoprefixer

npx tailwindcss init

这样就完成了，明天就可以开始页面的编写和websocket连接了