今天心血来潮，想搞个网页玩玩，记录一下我的折腾过程。

选工具，磨刀不误砍柴工

得有个趁手的工具。我这人比较念旧，Visual Studio Code 一直用着挺顺手，就它！WebStorm 也挺火，不过我还是习惯用 VS Code，毕竟轻车熟路嘛

以前我还用过 Hbuilder，据说做小程序挺方便，不过我现在主要还是想搞网页，就先不考虑它。Sublime Text 听说也挺轻巧，但 VS Code 已经满足我需求，暂时就不折腾。

搭框架，盖房先打地基

选好工具，接下来就要考虑用什么框架。现在前端框架太多，React、Vue、Angular…… 挑得我眼花缭乱。我还是选 Vue，因为我之前稍微接触过一点，上手应该快一些。

听说现在都流行用 Vite ，说它比 Create React App 快很多。不过我这回主要用 Vue，就先不研究 React 。等以后有空再试试 Vite 到底有多快。

写代码，添砖加瓦

搭好框架，接下来就是写代码。这部分没啥好说的，就是按照 Vue 的语法，一点点把页面搭起来。过程有点枯燥，不过看到页面一点点成型，还是挺有成就感的。

对，我还用到一个叫 Barba JS 的库，它可以让页面切换的时候有流畅的过渡效果，感觉挺酷炫的。

调样式，精装修

• 字体： 默认的字体看久有点腻，我换个叫 Fira Code 的字体，据说专门为写代码设计的，看着确实舒服多。

其他样式就按照自己的喜好随便调调，反正自己看着舒服就行。

部署上线，大功告成

代码写完，样式也调好，一步就是部署上线。我直接手动把文件通过FTP工具上传到服务器，这样有点土，现在都流行自动化部署，不过我这回就是随便玩玩，就懒得折腾。

经过一番折腾，我的网页终于上线！虽然很简单，但也是自己一点点做出来的，还是挺开心的。这回实践也让我对网页开发有更深的解，以后有机会再继续深入研究。