最近闲着没事，就想着捣鼓个网站玩玩。之前也听说Vue挺火的，上手也快，就决定是你！

第一步，当然是先把环境给搭起来。

我电脑里之前就装*，版本也够新，这步就直接跳过。要是你电脑里没有，那得先去官网下一个，安装一下，不难。

然后就是看看有没有旧版的Vue CLI。

这个我之前好像装过，不过也记不清，保险起见，还是在命令行里敲个卸载的命令，把旧的给清理掉。

接下来就是安装新版的Vue CLI。

也是在命令行里，敲个安装的命令就完事，它自己会下载安装，等一会就

环境搭好，就该开始创建项目。

我用的是VS Code，这玩意儿用着顺手。在VS Code里打开一个你想放项目的文件夹，然后在终端里输入创建项目的命令。它会让你选一些配置，我基本上都是一路回车，选的默认配置。

项目创建好，先跑起来看看。

在项目文件夹里，运行一个启动的命令，然后在浏览器里输入它给的地址，就能看到一个Vue的欢迎页面。看到这个页面，就说明项目创建成功，可以继续往下走。

开始折腾页面

Vue的项目结构，看着还挺清晰的。我要做的就是改里面的组件，把页面改成我想要的样子。

• src/components文件夹里放的是各种组件，一个组件就是一个页面的一部分。
• src/views文件夹里放的是页面，一个页面可以由多个组件组成。
• src/*是整个应用的入口。

我就照着这个结构，开始写我的页面。先写几个简单的组件，然后在页面里把它们组合起来。写代码的时候，Vue的那个热重载功能真是太好用，改代码，页面立马就能看到效果，不用手动刷新。

数据交互

光有页面还不行，还得有数据。我想的是，先用一些假数据把页面给填满，等后面再慢慢接上真数据。

我在组件里定义一些数据，然后在模板里把它们显示出来。Vue的数据绑定功能也挺方便的，改数据，页面上显示的内容也会自动更新。

3

经过一番折腾，网站的基本样子算是出来。现在还很简单，很多功能都没有。不过这只是个开始，后面我会慢慢完善它，让它变得更强大，更好看。

这回用Vue建站的体验还是挺不错的，感觉Vue确实挺容易上手的，而且功能也很强大。以后有时间，我还想继续深入研究一下Vue，做出更多好玩的东西。