epub-proj 开发记录

参考网上的课程做的项目 Sam 老师强推，同时自己做了相应的修改和优化。以下文档记录开发过程中遇到的一些问题及主要技术难点, 顺便记录些有用的 Tips 和 API 等等.

技术栈: vue + vuex + vue-router + node.js + Nginx

• 搭建开发环境
  
• 阅读器部分开发
  
• ePubjs相关API
  
• 书城部分开发
  
• 书架部分开发
  
• 听书模块开发
  
• node服务搭建
  
• 项目优化
  
• Tips
  
• 公共组件开发

体验地址

项目已发布到服务器，你可以 点击这里体验，听书功能因为域名还没备案无法使用

其他说明

如果你需要下载代码并做本地调试，把 .env.development 中的环境变量全部替换为 .env.production 即可

另外，由于静态资源服务器上挂了将近 10 GB 的资源，所以不好上传了，你可以下载前端代码以及查看开发文档来 GET 你需要的技能点

Show

项目结构

|-- public
  |-- favicon.ico         // favicon 图标
  |-- index.html          // 项目入口文件(打包前的 index)
|-- src
  |-- api                 // 所有 API 请求(axios)
  |-- assets              // 主题、字体、样式等静态资源
  |-- components          // 各种组件(建一个 common 目录存放全局公用组件)
  |-- lang                // vue-i18n 配置(语言国际化)
  |-- mock                // 没有后端的话 mock 模拟数据
  |-- store               // vuex
  |-- utils               // 全局公用方法
  |-- views               // 视图组件(可视的页面)
  |-- App.vue             // 入口页面
  |-- main.js             // 入口 加载组件 初始化等
  |-- router.js           // vue-router 定义路由
|-- .env.development      // 开发环境配置(线下)
|-- .env.production       // 生产环境配置(线上)
|-- babel.config.js       // babel 配置
|-- .eslintrc.js          // eslint 配置项
|-- .gitignore            // git 忽略项
|-- vue.config.js         // 配置 webpack