vue全家桶系列之知乎专栏

1,649 阅读1分钟

轻松查看知乎专栏内容, 不经意间发现你的另一面。

本项目是基于vue2的开源项目。


  • 感谢[shanelau](shanelau/zhihu)提供的知乎api接口
  • 如果这个项目能带给你帮助,希望给个star
  • 你的建议是我进步的动力,好的需求砸过来
  • 本项目地址[github地址](ddqre12345/vue-small-work)


项目技术架构


***


  • vue-cli
  • vue
  • axios
  • vue-router
  • vuex
  • vue-infinite-scroll
  • stylus
  • webpack


效果图



安装

项目地址:(git clone)

shell


git clone ddqre12345/vue-small-work

通过`npm`安装本地服务第三方依赖模块(需要已安装[Node.js](Node.js))


npm install

启动服务(http://localhost:8083)


npm run dev

发布代码


npm run build

目录结构


├── build // 构建服务和webpack配置


├── config // 项目不同环境的配置


├── dist // 项目build目录


├── index.html // 项目入口文件


├── package.json // 项目配置文件


├── src // 生产目录


│ ├── assets // 图片资源


│ ├── common // 公共的css js 资源


│ ├── components // 各种组件


│ ├── App.vue // 主页面


│ ├── vuex // vuex状态管理器


│ ├── router.js // 路由配置器


│ └── main.js // Webpack 预编译入口



实现的功能


  • 瀑布流布局
  • *无限滚动
  • 图片懒加载
  • 组件缓存
  • 等等

### 最后


感谢开源社区 ,很多不足之处请多指教