Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/soulcm/vue-cnode-mobile
学习vue,搭建cnode社区
https://github.com/soulcm/vue-cnode-mobile
vue vue-cnode-mobile
Last synced: 3 months ago
JSON representation
学习vue,搭建cnode社区
- Host: GitHub
- URL: https://github.com/soulcm/vue-cnode-mobile
- Owner: soulcm
- License: mit
- Created: 2016-11-07T06:17:06.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2017-04-20T07:26:31.000Z (almost 8 years ago)
- Last Synced: 2024-08-02T09:25:53.209Z (6 months ago)
- Topics: vue, vue-cnode-mobile
- Language: Vue
- Homepage: https://soulcm.github.io/vue-cnode-mobile/
- Size: 1.31 MB
- Stars: 68
- Watchers: 7
- Forks: 31
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-vue - vue-cnode-mobile - cnode-mobile?style=social) - 搭建cnode社区 (Demo示例)
- awesome-github-vue - vue-cnode-mobile - 搭建cnode社区 (Demo示例)
- awesome-github-vue - vue-cnode-mobile - 搭建cnode社区 (Demo示例)
- awesome - vue-cnode-mobile - 搭建cnode社区 (Demo示例)
README
# vue-cnode-mobile
学习vue,搭建cnode社区,以前有搭过[react-cnode-mobile](https://github.com/soulcm/react-cnode-mobile),但只有一个大的壳子就阉割了,因为很多react坑都已经踩过,就没往下继续了现在学习vue和移动端新知识,重新搭建cnode
线上地址: [vue-cnode-mobile](https://soulcm.github.io/vue-cnode-mobile/),当然能不能打开,真的是看脸的
你可以将代码down下来,然后本地运行,绝对能打开
此版本停止更新,现正在进行重构,开发2.0版本[V2.0](https://github.com/soulcm/vue-cnode-mobile/blob/V2.0/README.md),查看请切换到[V2.0分支](https://github.com/soulcm/vue-cnode-mobile/tree/V2.0)
知识点:
* vue2
* vuex2
* vue-router2
* 移动端开发
* fetch
* es6 es7
* less 不用sass的理由你懂的,那个难安装项目还在持续更新中,以后计划:
1. 优化css
2. 优化router
3. 优化vuex
4. 加入transition效果运行步骤
```
npm installnpm run dev
```访问 http://127.0.0.1:8091
服务启动后,手机端可访问本机ip查看
吐槽: vscode编辑器对vue的支持好差
![全部](./snapshoot/all.jpg)
![精华](./snapshoot/good.jpg)
![登录](./snapshoot/login.jpg)
![菜单](./snapshoot/menu.jpg)
![已登录](./snapshoot/islogin.jpg)
![文章详情](./snapshoot/topic.jpg)
![回复](./snapshoot/reply.jpg)
![消息](./snapshoot/message.jpg)