https://github.com/sandisen/cnode-vue

vue项目入坑。。。。项目线上地址：https://cnode.applinzi.com 源码地址：https://github.com/sandisen/cnode-vue
https://github.com/sandisen/cnode-vue

Last synced: 3 months ago
JSON representation

vue项目入坑。。。。项目线上地址：https://cnode.applinzi.com 源码地址：https://github.com/sandisen/cnode-vue

• Host: GitHub
• URL: https://github.com/sandisen/cnode-vue
• Owner: sandisen
• Created: 2017-04-18T08:56:34.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2017-05-26T08:48:03.000Z (over 7 years ago)
• Last Synced: 2024-08-03T11:02:25.710Z (7 months ago)
• Language: JavaScript
• Homepage:
• Size: 385 KB
• Stars: 14
• Watchers: 0
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# vuedemo

> vue2.0+vue-router2.0+webpack+npm+es6

![](./clipscreen/0.jpg)

知识点：

* vue2

* vue-router2

* 移动端开发

* es6

* less

项目还在持续更新中，以后计划：

1. 优化css

2. 优化router

3. 使用vuex状态管理器

4. 加入transition效果

## Build Setup

``` bash

# install dependencies

npm install

# serve with hot reload at localhost:8080

npm run dev

# build for production with minification

npm run build

# build for production and view the bundle analyzer report

npm run build --report

# run unit tests

npm run unit

# run e2e tests

npm run e2e

# run all tests

npm test

```

访问 localhost:8090

![全部](./clipscreen/1.jpg)

![精华](./clipscreen/3.jpg)

![详情](./clipscreen/4.jpg)

![未登录](./clipscreen/7.jpg)

![登录](./clipscreen/8.jpg)

![已登录](./clipscreen/2.jpg)

![点赞评论](./clipscreen/5.jpg)

![发布新话题](./clipscreen/6.jpg)

![用户中心](./clipscreen/9.jpg)

![消息](./clipscreen/10.jpg)

# vue-cnode

学习vue.js前后端分离开发，熟悉并掌握vue2.0+vue-router2.0+webpack+npm+es6快速搭建项目框架，利用cnode社区提供的api实现话题列表，话题详情，发布话题，发表评论，点赞点踩等诸多功能。本人初涉vue，代码拙劣，大神请略过。如果对您有帮助，就给个star鼓励一下吧。