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社区

Lists

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 install

npm 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)