Vue.js项目实战(pdf+epub+mobi+txt+azw3)
第 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文件的开发依赖中。