第 5 章　项目3：支持中心

在本章中，我们将使用路由系统构建一个更为复杂的应用程序（这意味着有多个虚拟页面），作为一家名为My Shirt Shop的虚构公司的支持中心。它将包含两个主要部分：

一个FAQ（常见问题解答）页面，包含几个问题和答案；

一个支持工单管理页面，用户能够在此显示和创建新的工单。

这个应用将具有一个认证系统，允许用户创建账户或登录。

我们将首先创建一些基本路由，然后整合这个账户系统来完成关于路由的更高级主题。本章中，我们将尽可能复用代码并应用最佳实践。

5.1　通用应用结构

作为开头，我们将创建项目结构，并了解有关路由和页面的更多信息。

5.1.1　项目设置

为了设置项目，需要遵循以下步骤。

(1) 首先，用vue init webpack-simple <folder> 命令生成一个Vue项目，就像我们在第4章中所做的那样：

vue init webpack-simple support-center

cd support-center

npm install

npm install --save babel-polyfill

(2) 安装编译Stylus代码所需的包（我们的样式将使用Stylus编写）：

stylus

stylus-loader

npm install --save-dev stylus stylus-loader

 　别忘了使用--save-dev 标志将开发工具包保存在package.json文件的开发依赖中。