这个课程我们一块儿了解一下 vue 应用的结构，主要是给大家一个参考，在开发 vue 应用的时候，你可以用什么样的方式组织你的应用。

在终端，先进入到 vue 项目所在的目录，进来以后查看一下项目当前的分支，显示是在 file-uploads 这个分支上，这是之前在介绍文件上传的课程里创建的一个分支。

现在这个课程跟之前的课程没有直接的联系，下面可以准备一个空白的 vue 项目，然后我们一块儿从头开始搭建一个 vue 应用的构架结构。

创建一个新的分支，名字叫 structure ，基于 essentials 这个分支去创建这个新的公支。 执行一下项目里准备的 serve 命令，启动项目本地的开发服务。复制一下这个服务器的地址，可以在浏览器上打开这个地址。你看到的就是一个基本上空白的 vue 项目。

你可以找到这个项目的远程仓库，把它克隆到本地以后，可以基于 origin/essentials 这个远程分支创建一个本地的 essentials 分支，再基于这个 essentials 分支创建一个叫 structure-dev 的分支。这样你会得到一个一样的项目。

vue 项目都有一个配置的服务端，进入到我们准备好的这个服务端应用所在的目录，执行 npm run start:dev 这个命令可以启动这个服务端应用在本地的开发服务。这是我们在 Node.js 服务端应用开发的课程里一块儿开发的服务端应用。

如果你想在本地运行这个服务端应用，你可以把这个远程项目克隆到本地，再找到宁皓网的相关课程，在本地搭建一个跟我现在用的一样的服务端应用。

下面再用编辑器打开 vue 项目。