第 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文件的开发依赖中。
为了方便大家利用电子书更好的学习,精心整理了网络上的各种电子书,有PDF版本的,也有TXT版本的,现有一万多本PDF的,七万多本TXT的,还有精心整理的天涯神贴,而且还在不断增加中,有需要的可以点击下面的衔接或者扫码下载:
链接: https://pan.baidu.com/s/1z45OMvYM0Jy-BVuJJmRvtw?pwd=w3m9 提取码: w3m9 复制这段内容后打开百度网盘手机App,操作更方便哦
请先
!