专业编程教程与实战项目分享平台

网站首页 > 技术文章 正文

第一天:先搭建前端项目

ins518 2024-11-27 15:17:22 技术文章 15 ℃ 0 评论

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

我就是个典型的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连接了

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表