用户登录

这个课程我们一块儿了解一下 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 项目。

准备项目(structure)《 Vue.js 前端应用 #12:应用架构 》

统计

13052
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点