知乎日报Vue版

知乎日报APP 是前端入门各类框架的热门选择,当然还包括某瓣某音乐等。本次项目是基于 VueVue-routerVuex 做的知乎日报移动版,对于刚接触 MVVM 类框架或者 Vue 的新手很适合用来学习,包括组件式复用、API 封装、路由配置及 动态加载 以及组件数据存储的设计等,很值得一试。

介绍

  • 项目基于 vue-cli3 脚手架构建

  • 知乎日报的数据来源于 izzyleung,在开发环境通过代理形式访问数据源

  • 针对前端的数据存储,在多个模块复用的数据采用 vuex 存储,组件内封闭的状态数据存储在 state

  • 前端的路由使用 vue-router,切换路由时 按需加载 单页模块资源。

构建

这里 是项目的 github 地址,欢迎 Star

安装项目依赖包

1
yarn install or npm install

本地环境运行并热更新

1
yarn serve or npm run serve

生产环境打包压缩

1
yarn build or npm run build

eslint 修复文件

1
yarn lint or npm run eslint

自定义配置

See Configuration Reference.

项目目录

开发环境效果

首页

侧栏导航

主题列表页

文章详情页

评论页


你的鼓励我会用来换杯奶茶~😁
0%