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

基于Vue2.0和Vue-router构建的web端cnodejs网站SPA
https://github.com/BubblyPoker/cnode-vue

cnode-vue element-ui gulp vue-router vue-spa vue2 vuex webpack

Last synced: 2 months ago
JSON representation

基于Vue2.0和Vue-router构建的web端cnodejs网站SPA

• Host: GitHub
• URL: https://github.com/BubblyPoker/cnode-vue
• Owner: jo0ger
• Created: 2016-10-12T14:09:05.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2016-11-02T10:35:06.000Z (about 8 years ago)
• Last Synced: 2024-10-29T10:45:20.493Z (2 months ago)
• Topics: cnode-vue, element-ui, gulp, vue-router, vue-spa, vue2, vuex, webpack
• Language: Vue
• Homepage: http://jo0ger.github.io/cnode-vue/
• Size: 19.5 MB
• Stars: 77
• Watchers: 4
• Forks: 23
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-github-vue - cnode-vue - 基于vue和vue-router构建的cnodejs web网站SPA (Demo示例)
• awesome - cnode-vue - 基于vue和vue-router构建的cnodejs web网站SPA (Demo示例)
• awesome-github-vue - cnode-vue - 基于vue和vue-router构建的cnodejs web网站SPA (Demo示例)
• awesome-vue - cnode-vue - vue?style=social) - 基于vue和vue-router构建的cnodejs web网站SPA (Demo示例)

README

        
# cnode-vue

> 基于vue和vue-router构建的cnodejs web网站SPA

## 所用知识

* [vue2.0](http://vuefe.cn/)

* [vue-router2.0](http://vuefe.cn/vue-router/)

* [vuex2.0](https://github.com/vuejs/vuex)

* [element-ui](http://element.eleme.io/)

* [es6](http://es6.ruanyifeng.com/)

* [webpack](http://webpack.github.io/)

* [gulp](http://www.gulpjs.com.cn/)

## 构建步骤

``` bash

# 安装依赖

npm install

# 开发模式（localhost:8080/index_dev.html，hot reload）

npm run dev

# 生产模式（JS压缩，webpack）

npm run build

# 生产模式（JS，css压缩，webpack+gulp，常用）

npm run dist

```

## 当前版本

v1.1.0

## 后续计划

* 优化细节

* 优化webpack+gulp构建过程

* 学习利用vuex做状态管理，利用vue-resource获取数据

* 开发移动端vue SPA

## Log

* todo          数据获取采用vue-resource，尝试服务端渲染，动态更新组件

* 2016-10-29    新增vuex进行用户登录状态管理，组件切换添加过渡效果，v1.1

* 2016-10-21    新增webpack+gulp打包构建，v1.0

* 2016-10-17    实现评论及新建话题功能

* 2016-10-15    结合element-ui进行组件开发

* 2016-10-12    项目文件结构确定

## 说明

node_modules目录纯粹为公司网不好，懒得install，可无视之，自行install