[终极巨坑]golang+vue开发日记【二】，登陆界面制作（一）

写在前面

本期内容是适合第一次使用vue或者golang开发的，内容会以实战的形式来讲解。看懂本段内容需要了解基础内容有html，css，最好可以看一下vue的基础。并且这里的每个知识点不可能详细解说，只会告诉你大概做什么的，入门切记要不求甚解，不然学到自闭

远征的第一步，启动一个vue项目

我们这次主要是写一个以vue为前端框架的登陆和注册，因此我们的第一步也就是创建一个vue项目，并且这个内容在上一节已经讲过了，不过这里我们可以再操作一番。

vue create your_projectname

然后根据之前的配置即可，甚至你可以使用默认配置，接下来假设我们已经创建好了一个项目，然后我们需要怎么启动他呢？

cd your_projectname
npm run serve

用这个命令一段时间之后，就可以看到项目被启动在了localhost:8080上（也有可能不是8080端口），在浏览器输入链接即可访问。

基础的vue操作

写代码一定需要一个ide的，因此这里推荐一个ide叫vscode,可在这里下载安装：vscode官网,然后也可以看看这篇大佬的内容把插件装好:Vue推荐VSCode开发必备的插件

装完之后在刚刚vue项目目录下面输入code .，就可以看到ide下的环境。你应该会大概看到这样的文件结构：

一看有一大堆文件，一时间肯定讲不完，所以通过实际操作一个个演示到底是作什么的？

首先可以打开一下App.vue，可以看到这样几个两个结构:和