今天心血来潮，想搞个自己的网页，就选 Vue，毕竟这玩意儿上手快。

第一步，搭架子

我电脑上之前就装好环境，所以省不少事。直接打开命令行，敲几个命令：

• npm init vue@latest

起个项目名叫 "big-event"，然后：

• cd big-event
• npm install

就把基本的架子搭起来。

第二步，装点"家具"

光有个架子不行，还得有点好看的组件。我选 Element Plus，用起来顺手：

• npm install element-plus

就这么简单，"家具"也到位。

第三步，开始"装修"

我之前已经搞过一个初始的 Vue 页面, 现在主要就是往里面填东西，加点输入框、按钮什么的。

我发现,简单地弄,就是写很多 HTML 页面。但我想要的肯定不止这些。

我看下, Vue 用起来就三步:

1. 新建一个 HTML 页面。
2. 引入 * 文件。
3. 在 JS 代码区域写 Vue 的代码。

挺容易的，对？

为让页面不乱糟糟的，我用 Layout 布局。

用 <el-container>、<el-header>、<el-main> 这些标签，把页面分成几个部分。

还用 span 属性来控制每个部分占多大地方，比如左边内容占 16 份，右边占 8 份，总共 24 份。

折腾过程

这中间也遇到不少小问题，比如一开始不太熟悉 Element Plus 的组件，有些样式调不出来，

后来多看看文档，慢慢就搞定。

还有就是，一开始没注意布局，页面元素挤在一起，后来才发现是 Layout 没用对。

最终效果

经过一番折腾，总算把页面搭出来。虽然功能还很简单，但起码像模像样。

以后再慢慢往里面加功能，比如数据展示、交互什么的。

今天就先到这里，下次再分享新的进展！