webpack+vue.js重构的cnode社区的单页面(spa)应用

1.0线上预览地址

项目已采用vue2+vue-router2+vuex2全家桶重构，1.0请转到分支version1

Installation

安装第三方npm模块依赖

npm install

Usage

生产环境
1.运行npm run build打包
2.直接本地打开index.html访问

开发环境
1.运行npm run dev热替换模式，代理到本地的http://localhost:8080端口
2.访问http://localhost:8080

技术栈

1.vue-router-路由切换，axios-Ajax请求
2.vuex+localStorage引入保存用户信息，弹窗状态信息
3.es6+vue2.0.js开发
4.webpack打包构建

项目进度

2.0已实现全部功能有：主题列表页，主题详情页(收藏，点赞，评论)，用户登录，个人主页, 消息模块，创建主题与修改主题

文件目录

## 开发目录
├── README.md           
├── index.html         // 项目入口文件
├── package.json       // 项目配置文件
├── src                // 生产目录
│   ├── vue            // 组件
│   |    ├──home.vue
│   |    ├──about.vue
│   |    ├──articleList.vue
│   |    ├──article.vue
│   |    ├──login.vue
│   |    ├──userhome.vue
│   |    ├──usermessage.vue
│   |    ├──createtopic.vue
│   |    ├──edittopic.vue
│   ├── components      // 子组件
│   |    ├──header.vue
│   |    ├──returnTop.vue
│   |    ├──menu.vue
│   |    ├──reply.vue
│   |    ├──tips.vue
│   |    ├──topicbox.vue
│   ├── store          // vuex
│   |    ├──index.js
│   ├── filters        // 过滤器
│   |    ├──index.js
│   ├── js             // 外部引入的js文件
│   ├── css            //css文件
│   ├── img            //图片文件
│   └── main.js        // Webpack 预编译入口	
└── webpack.js  	   // Webpack 配置文件

cl11922587/webpack-vue-cnode