vue-cnode

基于 vue + vue-router + vuex + ES6 + less + superagent + flex.css 重写 vue 版 cnode 社区

demo

下载

 git clone https://github.com/lzxb/vue-cnode.git cd vue-cnode npm install (安装依赖模块) npm install webpack -g (没有安装 webpack 的需要安装) 

运行（ nodejs 6.0+）

 npm run dev (开发版本访问： http://localhost:3000/) npm run dist （发布生产版本） 

功能

 1.登录退出 2.列表分页，查看帖子 3.发帖，回复帖子 4.我的消息 5.个人中心 6.查看别人的资料 7.生成离线缓存清单 

感受

由于之前使用 react 写过 react-cnode ， 再使用 vue 写 vue-cnode 时便能够很快入手。 vue 模板的方式对比 react 的 jsx 方式，虽然入手简单，但是图灵表达能力不足， 由于公司很多的后台管理系统之前都是基于 bootstrap + jQuery ， 所以 vue 我更乐意推荐后台使用，直接在页面中引入，无需繁琐的配置，快速上手开发 如果在移动端做一个完整的 webApp ，我比较倾向于使用 react 开发， 因为以后有机会还是可以玩玩 react native 

定个小目标

在完成 react-cnode 和 vue-cnode 之后，下一步学习计划是使用 electron + react 再写一个 electron-cnode ， 至于为什么不选择 vue 的原因很简单，因为在写 react-cnode 的时候，对 redux 理解不深，所以想加深对 redux 的理解， 在完成 electron-cnode 之后，如果没有新的技术爆发，估计是使用 react native 再写一个 RN-cnode 

题外话

因为我是把 vue-cnode 是放在 git pages 上面，因为觉得访问速度比较慢，便将 vue-cnode 打包成一个离线缓存的 webApp ， 发现了 html-webpack-plugin 并没有将 manifest 的服务器路径设置进去，于是第一次给老外 pull 代码便自然而然的发生了。 如果你的打包生产版本发现 manifest 的文件路径不对，不要惊慌，自己手动修改一下 html-webpack-plugin 的代码即可 附上我 pull 的代码，对着修改即可： https://github.com/ampedandwired/html-webpack-plugin/pull/434/commits/a7133de5d9ecedf1c2dee337ea391a954dda9ffe